/* Theme Name: Piprod PB Trucks Theme URI: https://piprod.com Author: Florent Jamet Author URI: https://piprod.com Version: 1.0.0 Text Domain: piprod-pbtrucks */ /* ================================================== DEBUG ================================================== */ /* html{outline:4px solid black!important;} body{outline:4px solid blue!important;} .pb-header{outline:4px solid yellow!important;} .pb-header-inner{outline:4px solid red!important;} .pb-container{outline:4px solid orange!important;} .site-main{outline:4px solid purple!important;} .pb-contact{outline:4px solid deeppink!important;} .pb-footer{outline:4px solid white!important;} .pb-footer-wrap{outline:4px solid lime!important;} .pb-footer-bottom{outline:4px solid lime!important;} .logo-left{outline:4px solid cyan!important;} .menu-inline{outline:4px solid magenta!important;} */ /* ================================================== PIPROD DESIGN SYSTEM ================================================== */ /* PIPROD DESIGN START */ :root{ --pb-font-title:'TT Firs Neue',sans-serif; --pb-font-body:'Archivo',Arial,sans-serif; --pb-font-button:'DM Sans',Arial,sans-serif; --pb-font-menu:'Archivo',Arial,sans-serif; --pb-font-title-line-height:.95; --pb-font-body-line-height:1.6; --pb-font-title-weight:800; --pb-font-body-weight:400; --pb-btn-font-weight:700; --menu-weight:600; --menu-letter-spacing:.03em; /* COMMUN : menu principal + sous-menu + accès rapide */ --pb-kicker-weight:600; --pb-font-title-spacing:-.01em; --pb-font-body-spacing:0; --pb-btn-letter-spacing:.25em; --pb-pad:62px; --pb-pad-mobile:25px; --pb-section-pad-s:70px; --pb-section-pad-m:110px; --pb-section-pad-l:160px; --pb-section-pad-s-mobile:40px; --pb-section-pad-m-mobile:70px; --pb-section-pad-l-mobile:100px; --pb-blue:#0A2454; --pb-dark:#071A3A; --pb-grey:#D1D1D1; --pb-light-blue:#F1F6FE; --pb-light-grey:#F4F6F8; --pb-neufs:#8AA4DB; --pb-occasions:#ADA542; --pb-locations:#BE6018; --pb-services:#929E9E; } @media(max-width:768px){:root{--pb-pad:var(--pb-pad-mobile);}} /* PIPROD DESIGN END */ /* ================================================== PIPROD SIGNATURE ================================================== */ .piprod-signature{display:inline-flex;align-items:center;gap:var(--piprod-signature-gap,4px);color:var(--piprod-signature-color,currentColor);height:var(--piprod-signature-height,30px)} .piprod-signature-inner{height:100%;display:flex;align-items:center;gap:0} .piprod-signature svg{display:block;height:100%;width:auto} .piprod-signature .line{fill:none;stroke:currentColor;stroke-width:1;stroke-miterlimit:20} @media(max-width:767px){.piprod-signature{height:var(--piprod-signature-height-mobile,24px)!important}} /* ================================================== ROOT ================================================== */ :root{ /* ================================================== LAYOUT ================================================== */ --pb-container:1400px; /* GRILLES */ --pb-gap-xl:100px; --pb-gap-lg:80px; --pb-gap-md:40px; --pb-gap-sm:24px; /* SIDEBARS */ --pb-sidebar:340px; /* BORDURES */ --pb-border:rgba(7,26,58,.15); --pb-border-light:rgba(7,26,58,.08); /* OMBRES */ --pb-shadow-sm:0 4px 12px rgba(0,0,0,.05); --pb-shadow-md:0 12px 30px rgba(0,0,0,.08);--pb-recrutement-stripe:rgba(7,26,58,.015);--pb-recrutement-bg:#fff;--pb-recrutement-stripe-size:10px; /* ================================================== TYPO SCALE ================================================== */ --pb-title-xl:5rem; /* hero */ --pb-title-lg:3.5rem; /* titres de section */ --pb-title-lg-sm:3rem; /* titres de section plus compacts */ --pb-title-base:2.5rem; /* titre de base (ex.hero) */ --pb-title-md:1.7rem; /* engagements, cards */ --pb-title-sm:1.3rem; /* petits titres */ --pb-text-xs:.75rem; /* 12px */ --pb-text-sm:.875rem; /* 14px */ --pb-text-md:1rem; /* 16px */ --pb-text-lg:1.125rem; /* 18px */ --pb-text-card:.9375rem; /* 15px */ /* COLORS */ --pb-bg:#fff; --pb-text:var(--pb-dark); --pb-accent:var(--pb-blue); --pb-brands-bg:#a1a1a1; /* PB BRANDS */ /* PAGE BACKGROUND */ --pb-bg-contact:#f5f7fa; --pb-bg-services:#eef2f5; --pb-bg-occasions:#ffffff; --pb-bg-locations:#ffffff; --pb-bg-locations-soft:#f7eee8; /* RÉSEAU */ --pb-reseau-height:700px; --pb-reseau-content-width:470px; --pb-reseau-content-offset:8%; /* INTRO + CONTACT */ --pb-intro-contact-bg:var(--pb-accent); --pb-intro-contact-text:#fff; --pb-intro-contact-main-ratio:2.6fr; --pb-intro-contact-aside-ratio:1.4fr; --pb-intro-contact-gap:60px; --pb-intro-contact-main-pad:30px 0; --pb-intro-contact-aside-pad:30px 40px; --pb-intro-contact-content-max:880px; --pb-intro-contact-title-max:850px; --pb-intro-contact-text-max:820px; --pb-intro-contact-title-gap:36px; --pb-intro-contact-main-text-color:rgba(7,26,58,.78); --pb-intro-contact-kicker-color:rgba(255,255,255,.75); --pb-intro-contact-aside-title-gap:26px; --pb-intro-contact-aside-text-gap:34px; --pb-intro-contact-aside-text-color:rgba(255,255,255,.82); --pb-intro-contact-aside-pad-mobile:30px 28px; --pb-intro-contact-title-gap-mobile:26px; /* ÉQUIPE GROUPE — STICKY */ --pb-equipe-sticky-safe-top:24px; --pb-equipe-sticky-safe-bottom:24px; /* BOUTONS */ --pb-btn-pad-y:22px; --pb-btn-pad-x:32px; --pb-btn-gap:10px; --pb-btn-radius:0; --pb-btn-font-size:11px; --pb-btn-color:#fff; --pb-btn-dark-bg:var(--pb-dark); --pb-btn-dark-hover:#051229; --pb-btn-grey-bg:var(--pb-grey); --pb-btn-grey-hover:#bdbdbd; --pb-btn-grey-color:var(--pb-dark); --pb-btn-blue-bg:var(--pb-blue); --pb-btn-blue-hover:#00479a; --pb-btn-blue-hover-dark:#003f84; --pb-btn-neufs-bg:var(--pb-neufs); --pb-btn-neufs-hover:#6f8fce; --pb-btn-occasions-bg:var(--pb-occasions); --pb-btn-occasions-hover:#98913a; --pb-btn-locations-bg:var(--pb-locations); --pb-btn-locations-hover:#a75315; --pb-btn-services-bg:var(--pb-services); --pb-btn-services-hover:#7d8989; --pb-btn-sm-pad-y:18px; --pb-btn-sm-pad-x:28px; --pb-btn-sm-font-size:10px; --pb-btn-sm-letter-spacing:.22em; --pb-btn-compact-height:42px; --pb-btn-compact-pad-x:10px; --pb-btn-compact-font-size:10px; --pb-btn-compact-font-weight:var(--pb-btn-font-weight); --pb-btn-compact-letter-spacing:.18em; --pb-btn-contact-pad-y:16px; --pb-btn-contact-pad-x:36px; --pb-btn-contact-font-size:14px; --pb-btn-contact-font-weight:var(--pb-btn-font-weight); --pb-btn-contact-letter-spacing:.08em; --pb-btn-card-pad-y:16px; --pb-btn-card-pad-x:18px; --pb-btn-card-letter-spacing:.12em; --pb-btn-map-pad-y:16px; --pb-btn-map-pad-x:28px; --pb-btn-map-font-size:12px; --pb-btn-map-font-weight:var(--pb-btn-font-weight); --pb-btn-map-letter-spacing:.12em; --pb-btn-call-pad-y:18px; --pb-btn-call-pad-x:28px; --pb-btn-call-gap:12px; /* ANIMATION */ --pb-speed:.35s; --pb-ease:cubic-bezier(.22,.61,.36,1); /* PB REVEAL */ --pb-reveal-title-duration:.9; --pb-reveal-text-duration:.85; --pb-reveal-stagger:.09; --pb-reveal-overlap:-=.55; /* CONTACT REVEAL */ --pb-contact-reveal-duration:.85; --pb-contact-reveal-item-duration:.55; --pb-contact-reveal-card-duration:.7; --pb-contact-reveal-item-stagger:.07; --pb-contact-reveal-card-stagger:.12; /* HEADER */ --header-top:0px; --header-pad-y:1rem; --header-bg:#fff; --header-height:calc(var(--header-topbar-height) + var(--header-main-height)); --header-auto-hide:0; --anchor-offset:calc(var(--header-height) + 20px); --logo-taille:150px; /* LARGEUR TOTALE WRAPPER LOGO */ --logo-groupe-gap:.4em;--logo-groupe-font:'Archivo',Arial,sans-serif;--logo-groupe-size:8px;--logo-groupe-weight:500;--logo-groupe-spacing:.25em; --logo-groupe-offset:-5px; --logo-gap:80px; --logo-color:#fff; --logo-bg:var(--pb-blue); --logo-label-offset:0px;--logo-label-active-y:5px;--logo-label-hidden-y:8px; --header-logo:url('/assets/images/pb-logo.svg?v=2'); --logo-hover-bg:#051229; /* MENU ACCÈS RAPIDE — TOP MENU */ --header-topbar-height:34px; --header-topbar-bg:#f7f7f7; --menu-top-size:10px; --menu-top-gap:40px; --menu-top-icon-size:11px; --menu-top-icon-gap:8px; /* MENU PRINCIPAL */ --header-main-height:90px; --menu-size:.95rem; --menu-line-height:1.1; --menu-font:var(--pb-font-menu); --menu-gap:60px; --menu-offset-right:40px; /* SOUS-MENU */ --submenu-height:35px; --submenu-size:.8rem; --submenu-gap:50px; --submenu-link-underline-height:2.5px; /* CONTACT */ --contact-pad-y:70px; --contact-intro-max:650px; --contact-intro-size:var(--pb-text-md); --contact-label-size:12px; --contact-label-spacing:.3em; --contact-title-size:var(--pb-title-lg-sm); --contact-input-size:16px; --contact-input-border:var(--pb-border); --contact-textarea-height:180px; --contact-btn-pad-y:16px; --contact-btn-pad-x:36px; --contact-card-gap:var(--pb-gap-md); --contact-card-title:26px; --contact-card-text:var(--pb-text-md); /* HERO INTRO */ --pb-hero-height:100dvh; --pb-hero-overlay:.45; /* FOOTER */ --pb-footer-bg:#071a3a; --pb-footer-text:#fff; --pb-footer-muted:rgba(255,255,255,.65); --pb-footer-border:rgba(255,255,255,.12); --pb-footer-logo-width:330px; --pb-footer-height:680px; --pb-footer-pad-top:200px; --pb-footer-pad-bottom:30px; /* SIGNATURE */ --piprod-signature-height:25px; --piprod-signature-height-mobile:18px; --piprod-signature-gap:4px; --piprod-signature-color:#fff; /* PB CARDS */ --pb-card-height:60vh; --pb-card-gap:0px; --pb-card-radius:0px; --pb-card-overlay:.32; --pb-card-overlay-hover:.58; --pb-card-scale:1.08; /* HERO LIFT */ --hero-lift:-205px; --hero-lift-delay:.4s; --hero-parallax:-3.5%; --hero-height:100dvh; --hero-content-bottom:var(--pb-section-pad-s); } /* ================================================== TYPO SCALE RESPONSIVE ================================================== */ @media(max-width:1024px){ :root{ --pb-title-xl:4rem; --pb-title-lg:3rem; --pb-title-lg-sm:2.6rem; --pb-title-base:2.3rem; --pb-title-md:2rem; --pb-title-sm:1.5rem; } } @media(max-width:768px){ :root{ --pb-title-xl:2.5rem; --pb-title-lg:2rem; --pb-title-lg-sm:2.2rem; --pb-title-base:2rem; --pb-title-md:1.75rem; --pb-title-sm:1.35rem; } } /* ================================================== FONTS ================================================== */ /* TT FIRS NEUE — TITRES */ @font-face{font-family:'TT Firs Neue';src:url('assets/fonts/TTFirsNeue-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'TT Firs Neue';src:url('assets/fonts/TTFirsNeue-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'TT Firs Neue';src:url('assets/fonts/TTFirsNeue-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'TT Firs Neue';src:url('assets/fonts/TTFirsNeue-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;} @font-face{font-family:'TT Firs Neue';src:url('assets/fonts/TTFirsNeue-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;} /* ARCHIVO — TEXTE COURANT + MENU */ @font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;} /* DM SANS — BOUTONS */ @font-face{font-family:'DM Sans';src:url('assets/fonts/DMSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'DM Sans';src:url('assets/fonts/DMSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;} /* POPPINS — CONSERVÉE POUR TESTS, NON CHARGÉE SI INUTILISÉE */ @font-face{font-family:'Poppins';src:url('assets/fonts/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'Poppins';src:url('assets/fonts/Poppins-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'Poppins';src:url('assets/fonts/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;} @font-face{font-family:'Poppins';src:url('assets/fonts/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} /* INTER — CONSERVÉE POUR TESTS, NON CHARGÉE SI INUTILISÉE */ @font-face{font-family:'Inter';src:url('assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url('assets/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url('assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url('assets/fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url('assets/fonts/Inter-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url('assets/fonts/Inter-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;} /* ================================================== TYPOGRAPHY ================================================== */ p,li,input,textarea,select,label,figcaption{font-family:var(--pb-font-body)!important;font-weight:var(--pb-font-body-weight);letter-spacing:var(--pb-font-body-spacing);line-height:var(--pb-font-body-line-height);} button{font-family:var(--pb-font-button)!important;} h1,h2,h3,h4,h5,h6{ font-family:var(--pb-font-title)!important; color:var(--pb-dark); line-height:var(--pb-font-title-line-height); margin:0; } h1,.pb-h1{font-size:var(--pb-title-xl);font-weight:var(--pb-font-title-weight);letter-spacing:var(--pb-font-title-spacing);} h2,.pb-h2{font-size:var(--pb-title-lg);font-weight:var(--pb-font-title-weight);letter-spacing:var(--pb-font-title-spacing);} .pb-h2-sm{font-size:var(--pb-title-lg-sm)!important;} h3,.pb-h3{font-size:var(--pb-title-md);font-weight:var(--pb-font-title-weight);letter-spacing:var(--pb-font-title-spacing);} h4,.pb-h4{font-size:var(--pb-title-sm);font-weight:var(--pb-font-title-weight);letter-spacing:var(--pb-font-title-spacing);} .pb-text-xs{font-size:var(--pb-text-xs);line-height:1.6;} .pb-text-sm{font-size:var(--pb-text-sm);line-height:1.6;} .pb-text-md{font-size:var(--pb-text-md);line-height:1.6;} .pb-text-lg{font-size:var(--pb-text-lg);line-height:1.6;} .pb-kicker{display:block;font-size:.75rem;font-weight:var(--pb-kicker-weight);letter-spacing:.25em;text-transform:uppercase;color:rgba(7,26,58,.55);margin-bottom:22px;} .pb-kicker-blue{color:var(--pb-blue);} .pb-kicker-white{color:#fff;} .pb-kicker-dark{color:var(--pb-dark);} .pb-kicker-strong{font-weight:700;letter-spacing:.3em;} .pb-kicker-center{text-align:center;display:block;} .pb-kicker-accent{color:var(--pb-accent);} .pb-bg-accent-soft{background:color-mix(in srgb,var(--pb-accent) 9%,#fff);} /* ================================================== PIPROD SCROLL ================================================== */ html.lenis, html.lenis body{height:auto; } .lenis.lenis-smooth {scroll-behavior:auto; } .lenis.lenis-stopped {overflow:hidden; } /* ================================================== CORE ================================================== */ .site-branding,.site-title,.site-description,.entry-title,.page-title{display:none!important;} *,*::before,*::after{box-sizing:border-box;} html{margin:0;padding:0;width:100%;overflow-x:hidden!important;} body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden!important;position:relative;font-family:var(--pb-font-body)!important;font-weight:var(--pb-font-body-weight);letter-spacing:var(--pb-font-body-spacing);color:var(--pb-text);background:var(--pb-bg);} /*@media(max-width:767px){html:has(body.home),body.home{background:var(--pb-brands-bg)}}*/ /* hack fond iphone */ body.page-contact{--pb-bg:var(--pb-bg-contact);} body.page-vehicules{--pb-accent:var(--pb-neufs);} body.page-services{--pb-bg:var(--pb-bg-services);} .pb-intro-contact-occasions{--pb-accent:var(--pb-occasions)} .pb-intro-contact-locations{--pb-accent:var(--pb-locations)} .pb-container{width:100%;max-width:calc(var(--pb-container) + (var(--pb-pad) * 2));margin:auto;padding-inline:var(--pb-pad);box-sizing:border-box;} /* ================================================== SECTION SPACING MAP ================================================== */ /* S */ .pb-locations-intro, .pb-content-media, .pb-horaires-wrap, .pb-marques-section, .pb-section-valeurs, .pb-section-organigramme, .pb-groupe-equipe-intro, .pb-volvo-connect{ padding-block:var(--pb-section-pad-s); } /* M */ .pb-engagements, .pb-content-seo, .pb-garage-team{ padding-block:var(--pb-section-pad-m); } /* L */ .pb-section-chiffres, .pb-sequence{ padding-block:var(--pb-section-pad-l); } @media(max-width:768px){ .pb-locations-intro, .pb-content-media, .pb-horaires-wrap, .pb-marques-section, .pb-section-valeurs, .pb-section-organigramme, .pb-groupe-equipe-intro, .pb-volvo-connect{ padding-block:var(--pb-section-pad-s-mobile); } .pb-engagements, .pb-content-seo, .pb-garage-team{ padding-block:var(--pb-section-pad-m-mobile); } .pb-section-chiffres, .pb-sequence{ padding-block:var(--pb-section-pad-l-mobile); } } /* ================================================== INTRO + CONTACT (locations / occasions) ================================================== */ .pb-locations-intro{background:var(--pb-bg);} .pb-locations-grid{display:grid;grid-template-columns:minmax(0,var(--pb-intro-contact-main-ratio)) minmax(320px,var(--pb-intro-contact-aside-ratio));gap:var(--pb-intro-contact-gap);align-items:start;} .pb-locations-main{display:flex;flex-direction:column;justify-content:flex-start;align-self:start;max-width:var(--pb-intro-contact-content-max);padding:var(--pb-intro-contact-main-pad);} .pb-locations-main .pb-h2{margin:0 0 var(--pb-intro-contact-title-gap);max-width:var(--pb-intro-contact-title-max);} .pb-locations-main .pb-text-lg{margin:0;max-width:var(--pb-intro-contact-text-max);color:var(--pb-intro-contact-main-text-color);} .pb-locations-contact{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:start;padding:var(--pb-intro-contact-aside-pad);color:var(--pb-intro-contact-text);background:var(--pb-accent);} .pb-locations-contact .pb-kicker{color:var(--pb-intro-contact-kicker-color);} .pb-locations-contact .pb-h3{margin:0 0 var(--pb-intro-contact-aside-title-gap);color:#fff;line-height:1.05;} .pb-locations-contact .pb-text-md{margin:0 0 var(--pb-intro-contact-aside-text-gap);color:var(--pb-intro-contact-aside-text-color);} .pb-locations-contact .pb-btn{background:#fff;color:var(--pb-dark);} .pb-locations-contact .pb-btn:hover{background:var(--pb-dark);color:#fff;} @media(max-width:1024px){.pb-locations-grid{grid-template-columns:1fr;gap:0}.pb-locations-main{max-width:none}.pb-locations-main .pb-text-lg{margin-top:35px}} @media(max-width:768px){.pb-locations-main .pb-h2{margin-bottom:var(--pb-intro-contact-title-gap-mobile)}.pb-locations-contact{padding:var(--pb-intro-contact-aside-pad-mobile)}} /* HERO INTRO */ .pb-hero-intro{position:relative;width:100%;height:var(--hero-height);min-height:var(--hero-height);padding-top:var(--header-height);overflow:hidden;display:flex;align-items:flex-end;z-index:1} .pb-hero-intro-bg{position:absolute;inset:0;background:var(--pb-dark);transform-origin:bottom} .pb-hero-intro-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1;transform:scale(1.08)} .pb-hero-intro-overlay{position:absolute;inset:0;background:rgba(7,26,58,var(--pb-hero-overlay));opacity:1} .pb-hero-intro-content{position:relative;z-index:6;width:100%;max-width:1250px;padding-bottom:var(--hero-content-bottom)} .pb-hero-intro>.pb-container{height:100%;display:flex;align-items:flex-end;position:relative;z-index:6} .pb-hero-intro-title{color:#fff;visibility:hidden;width:max-content;max-width:100%;font-size:var(--pb-title-xl);white-space:nowrap} .pb-hero-intro-text{color:rgba(255,255,255,.8);max-width:650px;margin-top:25px} .pb-section-lift{position:relative;margin-top:0;z-index:9999;background:var(--pb-bg);will-change:transform} .pb-hero-btn{margin:32px auto 0!important;background:rgba(255,255,255,.85)!important;color:var(--pb-dark)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:0!important;box-shadow:none!important;z-index:10!important;opacity:0;transform:translateY(30px)} @media(max-width:767px){ .pb-hero-intro{height:72dvh;min-height:72dvh} .pb-hero-intro-img{background-size:auto 102%;background-repeat:no-repeat;background-position:center;transform:none} .pb-hero-intro-title{width:100%;font-size:2.5rem;white-space:normal} } /* HERO INTRO — GARAGES */ .single-garage .pb-hero-garage .pb-hero-intro-img{filter:grayscale(65%) saturate(1.18) contrast(1.06) brightness(1.1);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.9) 64%,rgba(0,0,0,.65) 76%,rgba(0,0,0,.3) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.9) 64%,rgba(0,0,0,.65) 76%,rgba(0,0,0,.3) 88%,transparent 100%);} .single-garage .pb-hero-garage .pb-hero-intro-overlay{background:linear-gradient(to bottom,rgba(0,86,184,.18) 0%,rgba(0,86,184,.24) 55%,rgba(7,26,58,.32) 82%,rgba(7,26,58,.55) 100%);mix-blend-mode:multiply;} /* ================================================== HERO — PAGE CONTACT ================================================== */ .pb-contact-hero{position:relative;width:100%;height:65dvh;padding-top:var(--header-height);overflow:hidden;background:var(--pb-dark);} .pb-contact-hero-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1;transform:scale(1);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);will-change:opacity,transform;} .pb-contact-hero-image-next{z-index:1;opacity:0;transform:scale(1.02);} .pb-contact-hero-image-next[style*="opacity: 1"]{transform:scale(1);} .pb-contact-hero-overlay{position:absolute;inset:0;z-index:2;background:rgba(7,26,58,.45);pointer-events:none;} .pb-contact-hero>.pb-container{position:relative;z-index:3;height:100%;display:flex;align-items:flex-end;} .pb-contact-hero-content{width:100%;padding-bottom:42px;} .pb-contact-hero h1{margin:0;color:#fff;font-size:var(--pb-title-xl);font-weight:var(--pb-font-title-weight);line-height:var(--pb-font-title-line-height);letter-spacing:var(--pb-font-title-spacing);white-space:nowrap;} @media(max-height:800px) and (min-width:768px){.pb-contact-hero{height:62dvh}.pb-contact-hero-content{padding-bottom:32px}} @media(max-width:767px){.pb-contact-hero{height:42dvh}.pb-contact-hero-content{padding-bottom:24px}.pb-contact-hero h1{white-space:normal}} /* SCROLL INDICATOR */ /* .pb-hero-scroll{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);width:2px;height:60px;background:rgba(255,255,255,.25);overflow:hidden;z-index:6;pointer-events:none} .pb-hero-scroll:after{content:'';position:absolute;left:0;top:-100%;width:100%;height:100%;background:#fff;animation:pbHeroScroll 1.8s infinite} @keyframes pbHeroScroll{from{top:-100%}to{top:100%}} */ /* ================================================== BUTTONS ================================================== */ .pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pb-btn-gap);padding:var(--pb-btn-pad-y) var(--pb-btn-pad-x);border-radius:var(--pb-btn-radius);cursor:pointer;font-family:var(--pb-font-button);font-size:var(--pb-btn-font-size);font-weight:var(--pb-btn-font-weight);line-height:1;letter-spacing:var(--pb-btn-letter-spacing);text-transform:uppercase;text-decoration:none;background:var(--btn-bg,transparent);color:var(--btn-color,var(--pb-btn-color));transition:background-color var(--pb-speed) var(--pb-ease),color var(--pb-speed) var(--pb-ease),transform var(--pb-speed) var(--pb-ease),box-shadow var(--pb-speed) var(--pb-ease)} .pb-btn:hover{background:var(--btn-hover,var(--btn-bg,transparent));color:var(--btn-hover-color,var(--btn-color,var(--pb-btn-color)))} .pb-btn-sm{padding:var(--pb-btn-sm-pad-y) var(--pb-btn-sm-pad-x);font-size:var(--pb-btn-sm-font-size);letter-spacing:var(--pb-btn-sm-letter-spacing)} .pb-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;transition:transform var(--pb-speed) var(--pb-ease)} .pb-btn:hover svg{transform:translateX(4px)} .pb-btn-dark{--btn-bg:var(--pb-btn-dark-bg);--btn-hover:var(--pb-btn-dark-hover)} .pb-btn-grey{--btn-bg:var(--pb-btn-grey-bg);--btn-hover:var(--pb-btn-grey-hover);--btn-color:var(--pb-btn-grey-color)} .pb-btn-blue{--btn-bg:var(--pb-btn-blue-bg);--btn-hover:var(--pb-btn-blue-hover)} .pb-btn-neufs{--btn-bg:var(--pb-btn-neufs-bg);--btn-hover:var(--pb-btn-neufs-hover)} .pb-btn-occasions{--btn-bg:var(--pb-btn-occasions-bg);--btn-hover:var(--pb-btn-occasions-hover)} .pb-btn-locations{--btn-bg:var(--pb-btn-locations-bg);--btn-hover:var(--pb-btn-locations-hover)} .pb-btn-services{--btn-bg:var(--pb-btn-services-bg);--btn-hover:var(--pb-btn-services-hover)} .pb-btn-outline{background:transparent;border:2px solid currentColor} .pb-btn-outline:hover{background:currentColor;color:var(--pb-btn-color)} /* ================================================== HEADER ================================================== */ .pb-header{width:100%;position:fixed;top:var(--header-top);left:0;right:0;z-index:10060;background:#fff;overflow:visible;transform:translateY(-130%);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s ease,background-color .35s ease;backdrop-filter:none;-webkit-backdrop-filter:none;user-select:none;-webkit-user-select:none;} /* body.home .pb-header{background:transparent;} */ .pb-header.scrolled{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;} .pb-header.is-visible{transform:translateY(0);opacity:1;} .pb-header.is-hidden{transform:translateY(calc(-130% - var(--header-top)));} .pb-header-inner{height:var(--header-height);display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--header-topbar-height) var(--header-main-height);grid-template-areas:"top top" "logo menu";align-items:center;column-gap:var(--logo-gap);position:relative;z-index:10061;} .pb-header-inner::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:var(--header-topbar-height);transform:translateX(-50%);background:var(--header-topbar-bg);z-index:-1;} .logo-left{grid-area:logo;overflow:hidden;align-self:stretch;display:flex;align-items:center;} .logo-link{display:block;padding:5px 0;} .logo-inner{transform:translateY(120%);} .pb-submenu.is-open{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } /* ================================================== HEADER - LOGO ================================================== */ .pb-logo-wrap{position:relative;overflow:hidden;width:var(--logo-taille);padding:calc(var(--logo-taille) * .096154) calc(var(--logo-taille) * .115385);background:var(--logo-bg);display:flex;align-items:center;justify-content:center;perspective:700px;transform-style:preserve-3d;transition:background-color .35s var(--pb-ease);} .pb-logo-overlay{position:absolute;inset:0;transform:translateY(101%) rotateX(-10deg) translateZ(14px);transform-origin:bottom center;z-index:1;overflow:hidden;box-shadow:0 -8px 18px rgba(0,0,0,.16);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;} .pb-logo-overlay::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.32);opacity:0;transform:translateY(-3px);transition:transform .35s var(--pb-ease),opacity .35s var(--pb-ease);} .pb-logo-overlay::after{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,0));opacity:0;transition:opacity .35s var(--pb-ease);} .pb-logo-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--logo-groupe-gap);width:100%;} .logo-link:hover .pb-logo-overlay{transform:translateY(0) rotateX(0)} .logo-link:hover .pb-logo-overlay::before{opacity:1;transform:translateY(0)} .logo-link:hover .pb-logo-overlay::after{opacity:1} .pb-logo{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:340/33.7;flex:0 0 auto;background:var(--logo-color);mask:var(--header-logo) no-repeat center/100% 100%;-webkit-mask:var(--header-logo) no-repeat center/100% 100%;transition:transform .35s var(--pb-ease);} .pb-logo-groupe{position:relative;top:var(--logo-groupe-offset);align-self:flex-start;margin-left:0;margin-bottom:-5px;color:#fff;-webkit-text-fill-color:#fff;text-decoration:none;font-family:var(--logo-groupe-font)!important;font-size:var(--logo-groupe-size)!important;font-weight:var(--logo-groupe-weight)!important;line-height:1!important;letter-spacing:var(--logo-groupe-spacing)!important;white-space:nowrap;z-index:2;pointer-events:none;user-select:none;transform:scale(1);transform-origin:left center;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease;} .pb-logo-label{position:absolute;left:0;right:0;top:calc(50% + var(--logo-label-offset) + .25em);font-family:var(--logo-groupe-font)!important;font-size:var(--logo-groupe-size)!important;font-weight:600!important;line-height:1!important;letter-spacing:var(--logo-groupe-spacing)!important;text-transform:uppercase;color:#fff;opacity:0;z-index:2;pointer-events:none;white-space:nowrap;text-align:center;} .logo-link:hover .pb-logo-wrap{background:var(--logo-hover-bg);} /* ================================================== HEADER - MENU ================================================== */ /* MENU ACCES RAPIDE */ .pb-top-menu{grid-area:top;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;gap:var(--menu-top-gap);width:100%;height:var(--header-topbar-height);padding-right:var(--menu-offset-right);white-space:nowrap;} .pb-top-menu a{position:relative;display:inline-flex;align-items:center;gap:var(--menu-top-icon-gap);height:100%;font-family:var(--pb-font-menu);font-size:var(--menu-top-size);font-weight:400;line-height:1;letter-spacing:var(--menu-letter-spacing);text-decoration:none;color:rgba(7,26,58,.58);transition:color .3s ease,opacity .3s ease;} .pb-top-menu a img{display:block;width:var(--menu-top-icon-size);height:var(--menu-top-icon-size);object-fit:contain;flex:0 0 var(--menu-top-icon-size);opacity:.72;transition:opacity .3s ease,transform .3s var(--pb-ease);} .pb-top-menu a span{display:block;} .pb-top-menu a::after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:1px;background:currentColor;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .25s cubic-bezier(.22,.61,.36,1);} .pb-top-menu a:hover::after{transform:translateX(-50%) scaleX(1);} .pb-top-menu a:hover img{opacity:1;transform:translateY(-1px);} /* MENU PRINCIPAL */ .pb-header.no-intro{transform:none!important;opacity:1!important;transition:none!important;} .menu-inline{grid-area:menu;justify-self:end;align-self:stretch;display:flex;align-items:center;padding-right:var(--menu-offset-right);} .menu-inline ul{display:flex;justify-content:flex-end;gap:var(--menu-gap);list-style:none;margin:0;padding:0;align-items:center;} .menu-inline li{position:relative;display:flex;align-items:center;height:100%;overflow:hidden;} .menu-inline a{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--pb-blue);font-weight:var(--menu-weight);font-family:var(--menu-font);font-size:var(--menu-size);line-height:var(--menu-line-height);letter-spacing:var(--menu-letter-spacing);} .menu-inline a span{display:block;transform:translateY(120%);} .menu-inline a:hover{opacity:.7;} /* SOUS-MENU */ .pb-submenu{position:absolute;left:0;top:100%;width:100%;background:#fff;border-top:1px solid rgba(7,26,58,.08);box-shadow:0 12px 30px rgba(7,26,58,.08);opacity:0;visibility:hidden;transform:translateY(-18px) scaleY(.96);transform-origin:top center;transition:opacity .32s var(--pb-ease),transform .42s var(--pb-ease),visibility 0s linear .42s;pointer-events:none;z-index:10001;} .pb-header.is-submenu-open .pb-submenu{opacity:1;visibility:visible;transform:translateY(0) scaleY(1);pointer-events:auto;transition-delay:0s;} .pb-submenu.is-open{background:var(--pb-blue);border-top:0;box-shadow:none;opacity:1;visibility:visible;transform:translateY(0) scaleY(1);pointer-events:auto;transition:background-color .9s cubic-bezier(.22,1,.36,1),opacity .45s var(--pb-ease),transform .55s var(--pb-ease);} .pb-header[data-current-submenu="neufs"] .pb-submenu.is-open{background:var(--pb-neufs)} .pb-header[data-current-submenu="services"] .pb-submenu.is-open{background:var(--pb-services)} .pb-header[data-current-submenu="groupe"] .pb-submenu.is-open{background:var(--pb-blue)} .pb-submenu.is-open.is-candidature{background:#34495e;} .pb-submenu.is-open a{color:#fff!important;opacity:.75;} .pb-submenu.is-open a:hover{color:#fff!important;opacity:1;} .pb-submenu.is-open a span{color:#fff!important;} .pb-submenu-inner{height:var(--submenu-height);display:flex;align-items:center;justify-content:flex-start;gap:var(--submenu-gap);} .pb-submenu a{display:flex;align-items:center;height:100%;color:var(--pb-dark);text-decoration:none;font-family:var(--pb-font-menu);font-weight:400;font-size:var(--submenu-size);letter-spacing:var(--menu-letter-spacing);white-space:nowrap;overflow:hidden;opacity:.65;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0 var(--submenu-link-underline-height);transition:opacity .3s ease,background-size .4s cubic-bezier(.22,.61,.36,1);} .pb-submenu a:hover{opacity:1;background-size:100% var(--submenu-link-underline-height);} .pb-submenu a span{display:block;line-height:1.2;will-change:transform} .pb-submenu.is-open a.is-active,.pb-submenu.is-open a.is-active:hover{opacity:1;background-size:100% var(--submenu-link-underline-height);} /* .pb-header[data-current-submenu="groupe"] .pb-menu-groupe,.pb-header[data-current-submenu="neufs"] .pb-menu-neufs,.pb-header[data-current-submenu="services"] .pb-menu-services{overflow:visible} .pb-header[data-current-submenu="groupe"] .pb-menu-groupe:after,.pb-header[data-current-submenu="neufs"] .pb-menu-neufs:after,.pb-header[data-current-submenu="services"] .pb-menu-services:after{content:"";position:absolute;left:50%;top:calc(50% + (var(--header-main-height) / 2));width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;transform:translateX(-50%);z-index:10003;pointer-events:none} */ /* ================================================== SOUS-MENU GARAGES ================================================== */ .pb-header.is-garages-submenu .pb-submenu{height:auto;max-height:none;overflow:visible;} .pb-header.is-garages-submenu .pb-submenu-inner{display:block;width:100%;height:auto;padding-inline:var(--pb-pad);} .pb-header.is-garages-submenu .pb-garages-component-submenu{width:100%;margin:0;padding:28px 0 32px;background:#fff;} .pb-header.is-garages-submenu .pb-garages-component-submenu>.pb-container{width:100%;max-width:none;margin:0;padding:0;} .pb-header.is-garages-submenu .pb-garages-component-grid-submenu{grid-template-columns:repeat(7,minmax(0,1fr));} .pb-header.is-garages-submenu .pb-other-garage-card{height:175px;white-space:normal;overflow:visible;opacity:1;background-image:none;transition:transform .3s ease;} .pb-header.is-garages-submenu .pb-other-garage-card:hover{opacity:1;background-image:none;background-size:0;transform:translateY(-6px)!important;} .pb-header.is-garages-submenu .pb-other-garage-card span{transform:none;} .pb-header.is-garages-submenu .pb-other-garage-card .pb-btn{justify-content:center;text-align:center;} .pb-header.is-garages-submenu .pb-other-garage-card .pb-btn span{width:100%;text-align:center!important;} /* GARAGES SUBMENU - CROIX */ :root{ --pb-garage-close-right:28px; --pb-garage-close-size:30px; --pb-garage-close-color:#9ca3af; } .pb-garages-submenu-close{display:none!important;position:absolute;top:20px;right:var(--pb-garage-close-right);left:auto;width:var(--pb-garage-close-size);height:var(--pb-garage-close-size);margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;z-index:100;} .pb-header.is-garages-submenu .pb-garages-submenu-close{display:block!important;} .pb-garages-submenu-close span{display:block;position:absolute;top:50%;left:50%;width:calc(var(--pb-garage-close-size)*0.6);height:2.5px;margin:0;padding:0;border:0;border-radius:999px;background:var(--pb-garage-close-color);transform-origin:center;} .pb-garages-submenu-close span:first-child{transform:translate(-50%,-50%) rotate(45deg);} .pb-garages-submenu-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg);} .pb-garages-submenu-close{transition:transform .25s ease;} .pb-garages-submenu-close span{transition:background-color .25s ease,transform .25s ease;} .pb-garages-submenu-close:hover{transform:rotate(90deg);} .pb-garages-submenu-close:hover span{background:var(--pb-blue);} .pb-header.is-garages-submenu .pb-submenu-inner{position:relative;} .pb-header.is-garages-locked .menu-inline{pointer-events:none;} .pb-header.is-garages-locked .logo-link{pointer-events:none;} .pb-header.is-garages-locked .pb-top-menu a:not(.pb-garages-trigger){pointer-events:none;} @media(max-width:700px){.pb-header.is-garages-submenu .pb-garages-component-grid-submenu{grid-template-columns:repeat(2,minmax(0,1fr));}} /* ================================================== HEADER - BURGER ================================================== */ .pb-burger{display:none;width:42px;height:42px;padding:0;margin:0;border:0;background:none;cursor:pointer;position:relative;} .pb-burger span{position:absolute;left:8px;width:26px;height:2px;background:var(--pb-blue);filter:brightness(1.3) saturate(1.08);transform-origin:center;transition:top .45s cubic-bezier(.16,1,.3,1),left .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),opacity .22s ease;} .pb-burger span:nth-child(1){top:13px;} .pb-burger span:nth-child(2){top:20px;} .pb-burger span:nth-child(3){top:27px;} .pb-header.is-menu-open .pb-burger span:nth-child(1){top:20px;transform:rotate(45deg);} .pb-header.is-menu-open .pb-burger span:nth-child(2){opacity:0;} .pb-header.is-menu-open .pb-burger span:nth-child(3){top:20px;transform:rotate(-45deg);} .pb-mobile-phone{display:none} /* ================================================== HEADER + MENU MOBILE ================================================== */ .pb-mobile-menu{display:none;visibility:hidden;pointer-events:none} @media(max-width:1024px){ :root{ --header-height:75px; /* HAUTEUR HEADER MOBILE */ --header-mobile-pad-y:6px; /* HEADER PAD HAUT/BAS */ --logo-taille-mob:105px; /* LARGEUR TOTALE WRAPPER LOGO MOBILE */ --pb-mobile-actions-gap:8px; /* GAP TEL / BURGER */ --pb-mobile-action-size:30px; /* ZONE CLIQUABLE */ --pb-mobile-phone-size:15px; /* ICONE TEL -30% */ --pb-mobile-burger-width:30px; /* BURGER -30% */ --pb-mobile-burger-thickness:3px; /* ÉPAISSEUR BURGER */ --pb-mobile-phone-gap:10px; /* GAP TELEPHONE BURGER */ --pb-mobile-menu-bg:#fff; /* OVERLAY FOND */ --pb-mobile-menu-overlay:rgba(7,26,58,.25); /* VOILE */ --pb-mobile-menu-pad-y:4px; /* MENU PAD HAUT/BAS */ --pb-mobile-menu-item-gap:12px; /* GAP ITEMS */ --pb-mobile-menu-item-size:30px; /* TAILLE ITEMS */ --pb-mobile-menu-item-pad:2px; /* PAD ITEM */ } /* HEADER MOBILE */ .pb-top-menu{display:none}.pb-header,.pb-header.scrolled{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.pb-header-inner::before{display:none} .menu-inline{display:none} .pb-header-inner{height:var(--header-height);grid-template-columns:auto 1fr;grid-template-rows:1fr;grid-template-areas:"logo actions";align-items:center;padding-block:var(--header-mobile-pad-y)} .logo-left{height:100%;align-items:center} .pb-logo-wrap{width:var(--logo-taille-mob);padding:calc(var(--logo-taille-mob) * .096154) calc(var(--logo-taille-mob) * .115385)} .pb-logo-groupe,.pb-logo-label{font-size:calc(var(--logo-groupe-size) * .7)!important} .pb-logo-groupe{top:calc(var(--logo-groupe-offset) * .7)} .pb-mobile-actions{grid-area:actions;display:flex;align-items:center;justify-self:end;gap:var(--pb-mobile-actions-gap)} .pb-mobile-phone{display:none} .pb-mobile-phone img{display:block;width:var(--pb-mobile-phone-size);height:var(--pb-mobile-phone-size);object-fit:contain} /* BURGER */ .pb-burger{display:block;width:var(--pb-mobile-action-size);height:var(--pb-mobile-action-size)} .pb-burger span{left:50%;width:var(--pb-mobile-burger-width);height:var(--pb-mobile-burger-thickness);transform:translateX(-50%)} .pb-burger span:nth-child(1){top:8px} .pb-burger span:nth-child(2){top:14px} .pb-burger span:nth-child(3){top:20px;width:calc(var(--pb-mobile-burger-width) * .50);left:calc(50% + (var(--pb-mobile-burger-width) * .25))} .pb-header.is-menu-open .pb-burger span:nth-child(1){top:14px;width:calc(var(--pb-mobile-burger-width) * .72);transform:translateX(-50%) rotate(45deg)} .pb-header.is-menu-open .pb-burger span:nth-child(2){opacity:0;transform:translateX(-50%) scaleX(.15)} .pb-header.is-menu-open .pb-burger span:nth-child(3){top:14px;left:50%;width:calc(var(--pb-mobile-burger-width) * .72);transform:translateX(-50%) rotate(-45deg)} /* OVERLAY */ html.pb-mobile-menu-open,html.pb-mobile-menu-open body{overflow:hidden!important;overscroll-behavior:none} .pb-submenu,.pb-header.is-submenu-open .pb-submenu,.pb-header.is-garages-submenu .pb-submenu{display:none!important} .pb-mobile-menu{display:block;position:absolute;top:100%;left:0;width:100vw;height:calc(100dvh - var(--header-height));visibility:hidden;pointer-events:none;overflow:hidden;z-index:10070} .pb-header.is-menu-open .pb-mobile-menu{visibility:visible;pointer-events:auto} .pb-mobile-menu-backdrop{position:absolute;inset:0;background:var(--pb-mobile-menu-overlay);opacity:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} .pb-mobile-menu-panel{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:var(--pb-mobile-menu-bg);transform:translate3d(0,-100%,0);will-change:transform;box-shadow:0 25px 60px rgba(7,26,58,.16)} .pb-header.is-menu-open .pb-mobile-menu-panel{transform:translate3d(0,0,0)} .pb-mobile-menu-inner{display:flex;align-items:center;width:100%;height:100%;min-height:0;padding-block:var(--pb-mobile-menu-pad-y);overflow:hidden} .pb-mobile-menu-slides{position:relative;width:100%;height:100%;overflow:hidden} .pb-mobile-menu-slide{position:absolute;inset:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s ease;will-change:transform,opacity} .pb-mobile-menu-slide-main{display:flex;align-items:center;transform:translate3d(0,0,0);opacity:1} .pb-mobile-menu-slide-garages{display:flex;flex-direction:column;justify-content:flex-start;padding:18px 0 14px;overflow:hidden;transform:translate3d(105%,0,0);opacity:0;pointer-events:none} .pb-mobile-menu-slides.is-garages-open .pb-mobile-menu-slide-main{transform:translate3d(-35%,0,0);opacity:0;pointer-events:none} .pb-mobile-menu-slides.is-garages-open .pb-mobile-menu-slide-garages{transform:translate3d(0,0,0);opacity:1;pointer-events:auto} /* MENU PRINCIPAL */ .pb-mobile-menu-main{width:100%;min-width:0} .pb-mobile-menu-main ul{display:flex;flex-direction:column;justify-content:center;gap:var(--pb-mobile-menu-item-gap);width:100%;height:100%;margin:0;padding:0;list-style:none} .pb-mobile-menu-main li{margin:0;padding:0;overflow:hidden} .pb-mobile-menu-link{color:var(--pb-blue);text-decoration:none} .pb-mobile-menu-primary{display:flex;align-items:center;width:100%;padding:var(--pb-mobile-menu-item-pad) 0;font-family:var(--pb-font-title)!important;font-size:var(--pb-mobile-menu-item-size);font-weight:var(--pb-font-title-weight);line-height:1;letter-spacing:var(--pb-font-title-spacing)} .pb-mobile-menu-link-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em;min-width:0} .pb-mobile-menu-link-text>span{font:inherit;font-weight:400} .pb-mobile-menu-link-text strong{font:inherit;font-weight:800} .pb-mobile-garages-link{position:relative;border:0;background:none;text-align:left;cursor:pointer;margin-top:18px!important} .pb-mobile-garages-link::after{content:"";position:absolute;right:3px;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;opacity:.5;transform:translateY(-50%) rotate(45deg);transition:transform .35s var(--pb-ease),opacity .35s ease} .pb-mobile-garages-link:hover::after{opacity:1;transform:translate(3px,-50%) rotate(45deg)} /* GARAGES */ .pb-mobile-garages-back{display:none} .pb-mobile-garages-head{margin-bottom:12px;flex:0 0 auto} .pb-mobile-garages-head .pb-kicker{margin-bottom:8px;font-size:.625rem;letter-spacing:.2em} .pb-mobile-garages-head h2{font-size:calc(var(--pb-title-md) - 3px);color:var(--pb-blue)} .pb-mobile-garages-grid{display:flex;width:100%;min-height:0;flex:1;overflow:hidden} .pb-mobile-garages-grid .pb-garages-component-submenu{display:block!important;width:100%;height:100%;margin:0;padding:0;background:transparent} .pb-mobile-garages-grid .pb-garages-component-submenu>.pb-container{display:block!important;width:100%;height:100%;max-width:none;margin:0;padding:0} .pb-mobile-garages-grid .pb-garages-component-grid-submenu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%;height:100%} .pb-mobile-garages-grid .pb-other-garage-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;padding:2px 4px!important;white-space:normal!important;overflow:hidden!important;background:#fff!important;color:var(--pb-blue)!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;text-align:center!important} .pb-mobile-garages-grid .pb-other-garage-card h3{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 2px!important;padding:0!important;font-size:.775rem!important;font-weight:800!important;line-height:1!important;color:var(--pb-blue)!important;opacity:1!important;visibility:visible!important;text-align:center!important;position:relative!important;z-index:2!important} .pb-mobile-garages-grid .pb-other-garage-map{display:flex!important;align-items:flex-start!important;justify-content:center!important;justify-self:center!important;width:100%!important;height:72px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important} .pb-mobile-garages-grid .pb-other-garage-map svg{display:block!important;width:auto!important;height:100%!important;max-width:96%!important;margin:0 auto!important} .pb-mobile-garages-grid .pb-other-garage-link{display:none!important} /* OVERLAY OUVERT */ .pb-header.is-menu-open{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .pb-header.is-menu-open~.pb-scroll-top,.pb-mobile-menu-open .pb-scroll-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important} } /* ================================================== FOOTER ================================================== */ :root{ --pb-footer-col-brand:1.55fr; /* BRAND */ --pb-footer-col-nav:.8fr; /* NAV */ --pb-footer-col-social:.8fr; /* SOCIAL */ --pb-footer-col-contact:1fr; /* CONTACT */ --pb-footer-gap-brand-nav:8rem; /* GAP BRAND */ --pb-footer-gap-columns:3.5rem; /* GAP COLS */ --pb-footer-main-pad-top:3rem; /* PAD TOP */ --pb-footer-main-pad-bottom:2rem; /* PAD BOTTOM */ --pb-footer-menu-gap:.6rem; /* MENU GAP */ --pb-debug-outline:0; /* DEBUG */ --pb-debug-bg:transparent; /* DEBUG */ } :is(.site-main,main){position:relative;z-index:2;background:var(--pb-bg)} .site-main{margin-bottom:var(--pb-footer-height)} .pb-footer{position:fixed;z-index:1;inset:auto 0 0;width:100%;padding:0 0 var(--pb-footer-pad-bottom);background:var(--pb-footer-bg);box-shadow:0 -8px 30px rgba(0,0,0,.08);color:var(--pb-footer-text)} .pb-footer-wrap{display:grid;grid-template-columns:minmax(0,var(--pb-footer-col-brand)) var(--pb-footer-gap-brand-nav) minmax(0,var(--pb-footer-col-nav)) minmax(0,var(--pb-footer-col-social)) minmax(0,var(--pb-footer-col-contact));column-gap:var(--pb-footer-gap-columns);align-items:start;padding-block:var(--pb-footer-main-pad-top) var(--pb-footer-main-pad-bottom);outline:var(--pb-debug-outline) solid red;background:var(--pb-debug-bg);} .pb-footer-wrap>div:first-child{grid-column:1} .pb-footer-wrap>div:nth-child(2){grid-column:3} .pb-footer-brand,.pb-footer-wrap>div:last-child{width:auto} .pb-footer-logo{display:block;width:var(--pb-footer-logo-width);height:auto} .pb-footer-brand p{margin:1.5625rem 0 0;font-size:var(--pb-text-sm);line-height:1.8} .pb-footer-stats{margin-top:1.125rem;font-size:var(--pb-text-sm);line-height:1.9;color:var(--pb-footer-muted)} .pb-footer-wrap>div:not(:first-child){padding-top:calc(var(--pb-footer-logo-width)*.13 + 1.5625rem)} .pb-footer a{color:inherit;text-decoration:none;opacity:.7;transition:opacity var(--pb-speed) var(--pb-ease)} .pb-footer a:hover,.pb-footer a:focus-visible,.pb-footer-brand>a{opacity:1} .pb-footer a:focus-visible{outline:1px solid var(--pb-footer-border);outline-offset:.25rem} :is(.pb-footer-nav,.pb-footer-social,.pb-footer-contact-links){display:flex;flex-direction:column;gap:var(--pb-footer-menu-gap)} :is(.pb-footer-nav,.pb-footer-social,.pb-footer-contact-links)>*{font-size:var(--pb-text-md);font-weight:500} :is(.pb-footer-help,.pb-footer-address){font-size:var(--pb-text-xs);line-height:1.6;color:var(--pb-footer-muted)} .pb-footer-help{max-width:21.25rem;margin:0 0 var(--pb-gap-sm)} .pb-footer-contact-link{display:inline-flex;align-items:center;gap:.625rem} .pb-footer-contact-link img{display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;aspect-ratio:1} .pb-footer-contact-link:first-child img{width:.725rem;flex:0 0 .725rem} .pb-footer-contact-link:nth-child(2) img{width:.656rem;flex:0 0 .656rem} .pb-footer-address{margin:.5rem 0 0;font-style:normal} .pb-footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pb-gap-sm);padding-top:1.5625rem;border-top:1px solid var(--pb-footer-border);font-size:var(--pb-text-xs);color:var(--pb-footer-muted)} .pb-footer-bottom>div{display:flex;align-items:flex-end} .pb-footer-bottom>div:last-child{transform:translateY(.125rem)} .pb-footer-social-disabled{display:block;opacity:.2} .pb-footer-sep{display:inline-block;margin:0 .625rem;opacity:.45} .pb-footer-signature{display:inline-flex;margin-left:.625rem} .pb-header.scrolled{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 1px 0 rgba(7,26,58,.07),0 8px 30px rgba(7,26,58,.06)} @media(max-width:1024px){ :root{ --pb-footer-gap-brand-nav:4rem; --pb-footer-gap-columns:2.5rem; --pb-footer-main-pad-top:4rem; --pb-footer-main-pad-bottom:3rem; } .pb-footer-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pb-gap-lg) var(--pb-gap-md)} .pb-footer-wrap>div{grid-column:auto} } @media(max-width:768px){ :root{ --pb-footer-main-pad-top:2.5rem; --pb-footer-main-pad-bottom:2.5rem; } .pb-footer-wrap{grid-template-columns:1fr;gap:var(--pb-gap-md)} .pb-footer-bottom{flex-direction:column;align-items:flex-start} } /* ================================================== CONTACT ================================================== */ .pb-contact{position:relative;width:100%;padding-block:var(--contact-pad-y);display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,440px);gap:var(--pb-gap-md);align-items:start;}.pb-contact:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--pb-light-grey);z-index:-1;}.pb-contact-left,.pb-contact-right,.pb-contact-panel,.pb-contact-side-panel{width:100%;min-width:0;} .pb-contact-label{display:inline-block;font-family:var(--pb-font-body);font-size:var(--contact-label-size);font-weight:700;letter-spacing:var(--contact-label-spacing);text-transform:uppercase;color:var(--pb-blue);margin-bottom:24px} .pb-contact [data-contact-title]{width:100%;font-size:var(--pb-title-lg);font-weight:var(--pb-font-title-weight);line-height:var(--pb-font-title-line-height);letter-spacing:var(--pb-font-title-spacing);color:var(--pb-contact-title-color);/*color:transparent;-webkit-text-stroke:1px var(--pb-dark);*/margin:0 0 25px;padding-bottom:.15em;white-space:normal} .pb-contact-intro{width:100%;max-width:780px;font-size:var(--contact-intro-size);line-height:1.7;color:rgba(7,26,58,.8);margin:0 0 4px;white-space:normal} .pb-contact-form{display:flex;flex-direction:column;gap:var(--pb-gap-sm);padding:24px;background:var(--pb-contact-mode-color,#dde2e7);border-radius:5px;box-shadow:0 20px 60px rgba(7,26,58,.05);transition:background-color .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1)} .pb-contact-wrap[data-contact-mode="contact"]{--pb-contact-mode-color:#d9e8f7;--pb-contact-title-color:#8aafd3} .pb-contact-wrap[data-contact-mode="candidature"]{--pb-contact-mode-color:#d9dee3;--pb-contact-title-color:#929da8} .pb-contact-wrap[data-contact-mode="candidature"] .pb-contact-form{box-shadow:0 24px 65px rgba(7,26,58,.14)} .pb-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-gap-sm);} .pb-contact-panel:not([hidden]){display:flex;flex-direction:column;gap:var(--pb-gap-sm);} .pb-contact-side-panel:not([hidden]){display:flex;flex-direction:column;gap:var(--pb-gap-lg);} .pb-contact-panel[hidden],.pb-contact-side-panel[hidden]{display:none!important;} .pb-row-three{grid-template-columns:.8fr .8fr 1.4fr;}.pb-row-contact-top{grid-template-columns:1fr 1fr 1fr;} .pb-row-three>*,.pb-contact-field{min-width:0;} .pb-contact-field{position:relative;width:100%;background:#fff;overflow:visible;transition:z-index 0s;}.pb-contact-field:focus-within{z-index:3;} .pb-contact-form input,.pb-contact-form textarea,.pb-contact-form select{width:100%;border:1px solid transparent;background:#fff;padding:16px 22px;font-family:var(--pb-font-body);font-size:var(--contact-input-size);font-weight:400;color:var(--pb-dark);outline:none;box-shadow:0 6px 16px rgba(7,26,58,.04);transition:border-color var(--pb-speed) var(--pb-ease),box-shadow var(--pb-speed) var(--pb-ease),transform var(--pb-speed) var(--pb-ease);} .pb-contact-form input::placeholder,.pb-contact-form textarea::placeholder{font-size:calc(var(--contact-input-size) - 2px);color:rgba(7,26,58,.42);opacity:1;} .pb-contact-form select{appearance:none;-webkit-appearance:none;cursor:pointer;font-size:calc(var(--contact-input-size) - 2px);color:rgba(7,26,58,.42);padding-right:55px;} .pb-contact-form select:valid{font-size:var(--contact-input-size);color:var(--pb-dark);} .pb-contact-form select[name="garage_contact"]:has(option[value=""]:checked){font-size:calc(var(--contact-input-size) - 2px);color:rgba(7,26,58,.42);} .pb-contact-select-field:after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;border-right:1.5px solid rgba(7,26,58,.55);border-bottom:1.5px solid rgba(7,26,58,.55);transform:translateY(-70%) rotate(45deg);pointer-events:none;} .pb-contact-form input:focus,.pb-contact-form textarea:focus,.pb-contact-form select:focus{position:relative;z-index:2;border-color:transparent;outline:none;box-shadow:0 10px 18px -8px rgba(7,26,58,.42);transform:translateY(-1px);} .pb-contact-form textarea{min-height:var(--contact-textarea-height);resize:vertical;} .pb-contact-form button{width:max-content;padding:var(--pb-btn-contact-pad-y) var(--pb-btn-contact-pad-x);border:1px solid var(--pb-btn-dark-bg);border-radius:var(--pb-btn-radius);background:var(--pb-btn-dark-bg);color:var(--pb-btn-color);font-size:var(--pb-btn-contact-font-size);font-weight:var(--pb-btn-contact-font-weight);line-height:1;letter-spacing:var(--pb-btn-contact-letter-spacing);text-transform:uppercase;cursor:pointer;transition:transform var(--pb-speed) var(--pb-ease),background-color var(--pb-speed) var(--pb-ease),border-color var(--pb-speed) var(--pb-ease),box-shadow var(--pb-speed) var(--pb-ease);margin-top:10px;box-shadow:0 10px 24px rgba(7,26,58,.14)}.pb-contact-form button:hover{background:var(--pb-btn-blue-bg);border-color:var(--pb-btn-blue-bg);transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,86,184,.22)} .pb-contact-right{display:flex;flex-direction:column;gap:var(--contact-card-gap)} .pb-contact-side-panel{width:100%}.pb-contact-side-panel[data-contact-side-panel="candidature"]:not([hidden]){display:flex;flex-direction:column;gap:clamp(48px,4.5vw,76px)}.pb-contact-side-panel .pb-card{width:100%}.pb-contact-side-panel .pb-card .pb-btn{width:auto!important;max-width:100%!important;margin-top:20px!important;padding:var(--pb-btn-card-pad-y) var(--pb-btn-card-pad-x)!important;background:var(--pb-btn-blue-bg)!important;color:var(--pb-btn-color)!important;opacity:1!important;visibility:visible!important;transform:none!important;text-align:center!important;letter-spacing:var(--pb-btn-card-letter-spacing)!important;pointer-events:auto!important}.pb-contact-side-panel .pb-card .pb-btn:hover{background:var(--pb-btn-blue-hover)!important;color:var(--pb-btn-color)!important;opacity:1!important;transform:translateY(-2px)!important}.pb-contact-map-card{width:100%;overflow:hidden!important}.pb-contact-map-card .pb-map-wrap{position:relative;width:100%;height:300px;min-height:300px;margin-top:20px;overflow:hidden}.pb-contact-map-card #garage-map{width:100%;height:100%;min-height:300px;border:1px solid #eceff3;transform-origin:center;will-change:transform}.pb-contact-map-card .pb-map-actions{display:none!important} .pb-card{padding:0;border:none;background:none} .pb-card>span{display:block;font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--pb-blue);margin-bottom:18px} .pb-card h3,.pb-card h3 .pb-title-inner{font-size:var(--contact-card-title);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--pb-dark)} .pb-card h3{margin:0 0 16px;overflow:visible;min-height:auto} .pb-card h3 .pb-title-inner{display:block;overflow:visible} .pb-card p{font-size:var(--contact-card-text);line-height:1.7;color:rgba(7,26,58,.75);margin:0} .pb-card.pb-reveal h3,.pb-card.pb-reveal p{overflow:visible} .pb-contact-reveal,.pb-contact-field,.pb-contact-field input,.pb-contact-field textarea,.pb-contact-field select,.pb-contact-form button,.pb-contact-card-reveal{will-change:transform,opacity}.pb-contact-right .pb-card, .pb-contact-right .pb-card:hover{ height:auto; overflow:visible; }.pb-contact-right .pb-card:hover h3,.pb-contact-right .pb-card:hover p{transform:none!important}.pb-contact-right .pb-card:hover p{opacity:1!important}.pb-contact-right .pb-card:hover .pb-btn{transform:none!important;opacity:1!important}.pb-contact-right .pb-card>img,.pb-contact-right .pb-card>.pb-overlay,.pb-contact-right .pb-card>.pb-content{display:none!important} @media(max-width:1024px){ .pb-contact{grid-template-columns:1fr;gap:var(--pb-gap-lg);padding-block:60px} .pb-row,.pb-row-three,.pb-row-contact-top{grid-template-columns:1fr} .pb-contact [data-contact-title]{white-space:normal} } .pb-contact-map-card .pb-map-wrap{position:relative;width:100%;height:240px;min-height:240px;overflow:hidden;} .pb-contact-map-card #garage-map{position:absolute;inset:0;width:100%;height:100%;min-height:240px;} .pb-contact-file{display:flex;flex-direction:column;align-items:stretch;background:#fff;overflow:hidden;} .pb-contact-file label{display:flex;flex-direction:column;justify-content:center;gap:4px;width:100%;min-width:0;padding:14px 22px 8px;font-size:calc(var(--contact-input-size) - 3px);line-height:1.3;color:var(--pb-dark);cursor:pointer;} .pb-contact-file label span{display:block;font-size:inherit;font-weight:500;} .pb-contact-file label small{display:block;font-size:calc(var(--contact-input-size) - 5px);font-weight:400;color:rgba(7,26,58,.42);} .pb-contact-file input[type="file"]{display:block;width:100%;min-width:0;max-width:none;padding:6px 22px 14px;background:#fff;color:rgba(7,26,58,.38);font-size:calc(var(--contact-input-size) - 6px);line-height:1.2;box-shadow:none;} .pb-contact-file input[type="file"]::file-selector-button,.pb-contact-file input[type="file"]::-webkit-file-upload-button{margin-right:14px;padding:8px 12px;border:0;border-radius:3px;background:#718093;color:#fff;font-family:var(--pb-font-body);font-size:calc(var(--contact-input-size) - 4px);font-weight:600;cursor:pointer;transition:background-color var(--pb-speed) var(--pb-ease);} .pb-contact-file input[type="file"]:hover::file-selector-button,.pb-contact-file input[type="file"]:hover::-webkit-file-upload-button{background:#5f6d7c;} .pb-contact-file input[type="file"]:focus{transform:none;box-shadow:none;} /* ================================================== NOTICES ET CERTIFICATION DU FORMULAIRE ================================================== */ .pb-contact-form-notices{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,30fr);column-gap:6%;align-items:start;margin-top:4px;} .pb-contact-form-notices-text{min-width:0;} .pb-contact-required-note{margin:0px;font-size:12px;font-weight:600;line-height:1.3;color:rgba(7,26,58,.68);} .pb-contact-privacy-note{max-width:none;margin:0;font-size:10px;line-height:1.45;color:rgba(7,26,58,.58);} .pb-contact-privacy-note a{color:inherit;text-decoration:underline;text-underline-offset:2px;} .pb-contact-security{display:flex;align-items:center;align-self:start;gap:10px;min-width:0;} .pb-contact-security>span{display:flex;flex-direction:column;min-width:0;} .pb-contact-form-notices+button[type="submit"]{margin-top:4px;} @media(max-width:900px){.pb-contact-form-notices{grid-template-columns:1fr;gap:22px;}.pb-contact-security{width:100%;}.pb-contact-form-notices+button[type="submit"]{margin-top:28px;}} .pb-contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;} .pb-contact-security{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:7px;padding:9px 12px;border:1px solid rgba(7,26,58,.12);border-radius:5px;background:rgba(255,255,255,.32);color:rgba(7,26,58,.62);} .pb-contact-security-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:rgba(7,26,58,.09);font-size:12px;font-weight:800;color:var(--pb-dark);} .pb-contact-security>span:last-child{display:flex;flex-direction:column;gap:1px;} .pb-contact-security strong{font-size:11px;line-height:1.2;font-weight:700;color:rgba(7,26,58,.72);} .pb-contact-security small{font-size:10px;line-height:1.3;color:rgba(7,26,58,.48);} html.pb-contact-modal-open{overflow:hidden;} .pb-contact-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:24px;visibility:hidden;pointer-events:none;} .pb-contact-modal-backdrop{position:absolute;inset:0;background:rgba(7,26,58,.62);opacity:0;transition:opacity .5s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);} .pb-contact-modal-panel{position:relative;width:min(720px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:58px;border-radius:8px 8px 5px 5px;background:#fff;box-shadow:0 30px 90px rgba(7,26,58,.28);opacity:0;transform:translateY(calc(100% + 40px));transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .45s ease;} .pb-contact-modal.is-open{visibility:visible;pointer-events:auto;} .pb-contact-modal.is-open .pb-contact-modal-backdrop{opacity:1;} .pb-contact-modal.is-open .pb-contact-modal-panel{opacity:1;transform:translateY(0);} .pb-contact-modal-close{position:absolute;top:18px;right:22px;width:38px;height:38px;padding:0;border:0;background:none;font-size:30px;font-weight:300;line-height:1;color:rgba(7,26,58,.5);cursor:pointer;transition:color .25s ease,transform .25s ease;} .pb-contact-modal-close:hover{color:var(--pb-dark);transform:rotate(90deg);} .pb-contact-confirmation{display:flex;flex-direction:column;align-items:flex-start;} .pb-contact-confirmation-check{display:block;width:78px;height:auto;margin:0 0 30px;overflow:visible;fill:none;stroke:#36a866;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;} .pb-contact-confirmation-check path{stroke-dasharray:105;stroke-dashoffset:105;} .pb-contact-confirmation-content{opacity:0;transform:translateY(18px);} .pb-contact-modal.is-open .pb-contact-confirmation-check path{animation:pb-confirmation-check .65s cubic-bezier(.65,0,.35,1) .45s forwards;} .pb-contact-modal.is-open .pb-contact-confirmation-content{animation:pb-confirmation-content .7s cubic-bezier(.22,1,.36,1) 1.1s forwards;} .pb-contact-confirmation-content>span{display:block;margin-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.22em;color:#36a866;} .pb-contact-confirmation h2{margin:0 0 14px;font-size:clamp(28px,3vw,44px);line-height:1.05;color:var(--pb-dark);} .pb-contact-confirmation p{max-width:560px;margin:0 0 28px;line-height:1.65;color:rgba(7,26,58,.65);} .pb-contact-form.is-sending{pointer-events:none;opacity:.72;} @keyframes pb-confirmation-check{0%{stroke-dashoffset:105;}100%{stroke-dashoffset:0;}} @keyframes pb-confirmation-content{0%{opacity:0;transform:translateY(18px);}100%{opacity:1;transform:translateY(0);}} @media(max-width:767px){.pb-contact-modal{padding:12px;}.pb-contact-modal-panel{padding:48px 28px 36px;}.pb-contact-confirmation-check{width:64px;margin-bottom:24px;}} @media(prefers-reduced-motion:reduce){.pb-contact-modal-backdrop,.pb-contact-modal-panel{transition:none!important;}.pb-contact-modal.is-open .pb-contact-confirmation-check path,.pb-contact-modal.is-open .pb-contact-confirmation-content{animation:none!important;stroke-dashoffset:0;opacity:1;transform:none;}} .pb-contact-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:11px;} .pb-submit-spinner{display:none;width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:pb-submit-spin .7s linear infinite;} .pb-contact-form button[type="submit"].is-loading .pb-submit-spinner{display:block;} .pb-contact-form button[type="submit"].is-loading{cursor:wait;} @keyframes pb-submit-spin{to{transform:rotate(360deg);}} @media(prefers-reduced-motion:reduce){.pb-submit-spinner{animation-duration:1.4s;}} /* ================================================== HERO CUBE ================================================== */ :root{ --hero-component-height:100dvh; /* HAUTEUR GLOBALE */ --hero-header-height:var(--header-height); /* HAUTEUR RÉELLE HEADER */ --hero-brands-height:calc((var(--hero-component-height) - var(--hero-header-height))/6); /* BANDE LOGOS */ --hero-title-size:var(--pb-title-lg-sm); /* TITRE (xl/lg/lg-sm/base/md/sm) */ --hero-subtitle-size:var(--pb-text-md); /* TEXTE (xs/sm/md/lg/card) */ --hero-button-size: var(--pb-btn-font-size); /* BOUTON */ --hero-subtitle-weight:400; /* GRAISSE SOUS-TITRE */ --hero-subtitle-line-height:1.25; /* INTERLIGNE SOUS-TITRE */ --hero-title-max-width:1200px; /* LARGEUR TITRE */ --hero-subtitle-max-width:620px; /* LARGEUR SOUS-TITRE */ --hero-autoplay-duration:9000ms; /* AUTOPLAY */ --hero-rotation-duration:4000ms; /* ROTATION CUBE */ --hero-header-open-z:120; /* Z-INDEX HEADER MENU OUVERT */ } /* PB HERO */ .pb-hero{position:relative;z-index:1;width:100%;height:var(--hero-component-height);min-height:var(--hero-component-height);padding:0;overflow:visible} .pb-hero-cube{position:absolute;top:var(--hero-header-height);right:0;bottom:var(--hero-brands-height);left:0;width:100%;height:auto;min-width:0;min-height:0;z-index:20;overflow:visible} .pb-brands{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;width:100%;height:var(--hero-brands-height);min-width:0;min-height:0;background:var(--pb-brands-bg);overflow:visible} .pb-brands>.pb-container{height:100%;display:flex;align-items:center} .pb-brands-logos{display:flex;justify-content:flex-end;align-items:center;gap:80px;width:100%;height:100%;padding:0} .pb-brands-logos img{display:block;width:80px;max-height:55%;height:auto;opacity:.65} .pb-brands-logos img:not(:last-child){transform:translateY(6px)} .pb-brands-logos img[alt="Volvo"]{width:100px} @media(max-width:767px){.pb-brands-logos{justify-content:center;gap:clamp(26px,8vw,80px);padding-inline:var(--pb-pad-mobile)}.pb-brands-logos img{width:68px}.pb-brands-logos img[alt="Volvo"]{width:85px}} /* PB CUBE */ .pb-hero-cube .scene-wrap,.pb-hero-cube .scene,.pb-hero-cube .cube{position:absolute;inset:0;width:100%;height:100%;max-height:100%;min-height:0} .pb-hero-cube .scene{perspective:2500px;perspective-origin:50%;isolation:isolate;overflow:visible} .pb-hero-cube .cube{z-index:2;cursor:pointer;overflow:visible;transform-style:preserve-3d;touch-action:pan-y} .pb-hero-cube .face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-position:center;background-size:cover;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:filter .15s linear,opacity .15s linear} .pb-hero-cube .face picture,.pb-hero-cube .face img{display:block;width:100%;height:100%} .pb-hero-cube .face img{object-fit:cover;object-position:center;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;filter:brightness(.75);transition:filter .15s linear} .pb-hero-cube .face::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.55),rgba(0,0,0,.25) 25%,transparent 55%,rgba(255,255,255,.05));opacity:.25;pointer-events:none;transition:opacity .6s ease} .pb-hero-cube .cube.is-rotating .face{opacity:.85;filter:brightness(.82)} .pb-hero-cube .cube.is-rotating .face img{filter:brightness(.55)} .pb-hero-cube .cube.is-rotating .face::after{opacity:.95} /* PB HEADER DEPTH */ .home .pb-header{z-index:100;background:transparent} .home .pb-header:not(.scrolled) .pb-header-inner::before{background:transparent} .home .pb-header.scrolled{z-index:115;background:rgba(255,255,255,.96)} .home .pb-header.scrolled .pb-header-inner::before{background:var(--header-topbar-bg)} .home .pb-header.is-submenu-open,.home .pb-header.is-garages-submenu,.home .pb-header.is-menu-open{z-index:var(--hero-header-open-z);background:#fff} .home .pb-header.is-submenu-open .pb-header-inner::before,.home .pb-header.is-garages-submenu .pb-header-inner::before,.home .pb-header.is-menu-open .pb-header-inner::before{background:var(--header-topbar-bg)} /* PB CONTENT */ .pb-hero-cube .content{position:absolute;z-index:5;left:50%;top:50%;width:calc(100% - 80px);padding:0 40px;box-sizing:border-box;color:#fff;text-align:center;pointer-events:none;transform:translate(-50%,-50%)} .pb-hero-promo-badge{display:table;width:max-content;max-width:100%;margin:0 auto 22px;padding:10px 12px 9px;background:#0056b8;color:#fff;border:0;border-radius:0;font-family:var(--pb-font-body);font-size:8px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)} #cube .content.is-active .pb-hero-promo-badge{opacity:1;transform:translateY(0);transition-delay:.08s} .pb-hero-cube .pb-hero-btn{position:relative;z-index:20;margin-top:32px!important;padding:var(--pb-btn-pad-y) var(--pb-btn-pad-x)!important;font-size:var(--hero-button-size)!important;font-weight:var(--pb-btn-font-weight)!important;letter-spacing:var(--pb-btn-letter-spacing)!important;border-radius:var(--pb-btn-radius)!important;background:rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:none!important;box-shadow:none!important;color:#fff!important;pointer-events:auto;opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)} .pb-hero-cube .content.is-active .pb-hero-btn{opacity:1!important;transform:translateY(0)!important;transition-delay:.45s} /* PB SHADOW */ .pb-hero-shadow{position:absolute;z-index:1;left:50%;bottom:-15px;width:80%;height:30px;background:#2a2a2a;border-radius:50%;filter:blur(20px);opacity:1;pointer-events:none;transform:translateX(-50%)} /* PB TEXT */ .pb-hero-cube .content :is(h2,p){width:100%!important;margin-right:auto!important;margin-left:auto!important;color:#fff!important;user-select:none;-webkit-user-select:none} .pb-hero-cube .content h2{max-width:var(--hero-title-max-width)!important;margin-top:0!important;margin-bottom:18px!important;font-size:var(--hero-title-size)!important;font-weight:800!important;line-height:.95!important;letter-spacing:0!important;text-shadow:0 0 transparent!important} .pb-hero-cube .content p{display:block!important;max-width:var(--hero-subtitle-max-width)!important;margin-top:0!important;margin-bottom:0!important;font-size:var(--hero-subtitle-size)!important;font-weight:var(--hero-subtitle-weight)!important;line-height:var(--hero-subtitle-line-height)!important;white-space:normal!important;text-shadow:0 0 transparent!important} .pb-hero-cube .content :is(h2,p){opacity:0;filter:blur(4px);transform:translateX(70px) scale(.98);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .7s ease,text-shadow 1.4s cubic-bezier(.22,1,.36,1)} .pb-hero-cube .content.is-active :is(h2,p){opacity:1;filter:blur(0);transform:translateX(0) scale(1)} .pb-hero-cube .content.is-active h2{text-shadow:0 3px 20px rgba(0,0,0,.4)!important} .pb-hero-cube .content.is-active p{text-shadow:0 2px 12px rgba(0,0,0,.4)!important;transition-delay:.15s} /* PB PAGINATION */ .pb-cube-pagination{position:absolute;right:30px;bottom:20px;z-index:30;display:flex;align-items:center;gap:18px;padding:0;margin:0;cursor:pointer} .pb-cube-pagination button{position:relative;flex:none;width:8px;height:8px;padding:0;overflow:visible;background:rgba(255,255,255,.45);border:0;border-radius:999px} .pb-cube-pagination button span{display:none} .pb-cube-pagination button.is-active{width:50px;background:rgba(255,255,255,.18)} .pb-cube-pagination button.is-active::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff;border-radius:999px;animation:pbProgress var(--progress-duration) linear forwards} .pb-cube-pagination.is-paused button.is-active::after{animation-play-state:paused} @keyframes pbProgress{from{width:0}to{width:100%}} @media(max-width:767px){.pb-hero-cube .content{width:100%;padding:0 var(--pb-pad-mobile)} .pb-hero-cube .content h2,.pb-hero-cube .content p{max-width:none!important;width:100%!important} .pb-hero-promo-badge{margin-bottom:16px;padding:10.35px 15px 9.2px;font-size:10px;letter-spacing:.13em} .home .pb-hero-cube{z-index:101}.home .pb-header{z-index:100} .home .pb-header.is-submenu-open,.home .pb-header.is-garages-submenu,.home .pb-header.is-menu-open{z-index:120}} /* PB REVEAL */ .pb-reveal h1,.pb-reveal h2,.pb-reveal h3,.pb-reveal h4,.pb-reveal h5,.pb-reveal h6,.pb-reveal p,.pb-reveal-card{overflow:hidden;} .pb-split-line{display:block!important;overflow:hidden!important;} .pb-title-inner,.pb-line-inner{display:block;will-change:transform;} .pb-footer-reveal{opacity:0;} .pb-word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom;} .pb-word{display:inline-block;will-change:transform;} /* MOT HERO EN CONTOUR APRÈS REVEAL */ .pb-word-outline{color:inherit;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0 transparent;transition:color .75s cubic-bezier(.22,1,.36,1),-webkit-text-fill-color .75s cubic-bezier(.22,1,.36,1),-webkit-text-stroke .75s cubic-bezier(.22,1,.36,1)}.pb-word-outline.is-outline{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #fff} /* PB SPINNER */ .pb-page-loader{position:fixed;inset:var(--header-height) 0 0;z-index:10050;display:none;visibility:hidden;align-items:center;justify-content:center;opacity:0;pointer-events:none;background:rgba(242,244,246,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);} .pb-page-loader-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:58px;height:58px;opacity:.6;animation:pbLoaderEnter .55s cubic-bezier(.22,1,.36,1) both;} .pb-page-loader-spinner{position:absolute;inset:0;display:block;width:58px;height:58px;border-radius:50%;background:conic-gradient(from 0deg,rgba(7,26,58,0) 0deg,rgba(7,26,58,.08) 80deg,rgba(7,26,58,.28) 190deg,rgba(7,26,58,.9) 330deg,rgba(7,26,58,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));transform-origin:50% 50%;will-change:transform;animation:pbLoaderContourEnter .4s ease .06s both;} .pb-page-loader-logo{position:absolute;left:50%;top:50%;z-index:2;display:block;width:34px;height:auto;opacity:.55;transform:translate(-50%,-50%);pointer-events:none;animation:pbLoaderLogoEnter .5s cubic-bezier(.22,1,.36,1) .16s both;} .pb-page-loader::before{display:none!important;} @keyframes pbLoaderEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @keyframes pbLoaderContourEnter{from{opacity:0}to{opacity:1}} @keyframes pbLoaderLogoEnter{from{opacity:0;transform:translate(-50%,-46%) scale(.88)}to{opacity:.55;transform:translate(-50%,-50%) scale(1)}} /* ================================================== PB SPINNER — MOBILE ET TABLETTE ================================================== */ @media(max-width:1024px){ .pb-page-loader{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html.is-barba-transitioning{ overflow:auto!important; } } /* ================================================== ENGAGEMENTS ================================================== */ .pb-engagements{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pb-gap-lg);} .pb-engagement h3{margin-bottom:24px;} .pb-engagement p{margin:0;color:rgba(7,26,58,.75);} @media(max-width:1024px){ .pb-engagements{grid-template-columns:1fr;} .pb-engagement h3{margin-bottom:18px;} } /* ================================================== PB CARDS ================================================== */ .pb-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pb-card-gap);width:100%}.pb-cards.is-home{grid-template-columns:repeat(2,1fr)} .pb-card{position:relative;height:var(--pb-card-height);overflow:hidden;border-radius:var(--pb-card-radius);text-decoration:none;color:#fff;display:block} .pb-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform 1.4s cubic-bezier(.22,.61,.36,1) .15s} .pb-overlay{position:absolute;inset:0;background:#000;opacity:var(--pb-card-overlay);z-index:1;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1) .15s} .pb-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;text-align:center;gap:10px} .pb-content h3{margin:0;color:#fff;font-size:var(--pb-title-md);font-weight:800;letter-spacing:.02em;line-height:1.05;transform:translateY(40px);transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform} .pb-card:hover p{transition-delay:.08s} .pb-card:hover .pb-btn{transition-delay:.14s} .pb-content p{margin:0;font-size:var(--pb-text-md);line-height:1.6;color:rgba(255,255,255,.88);max-width:520px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:transform,opacity} .pb-card .pb-btn{margin-top:8px;opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);background:rgba(255,255,255,.08)} .pb-card:hover img{transform:scale(var(--pb-card-scale))} .pb-card:hover .pb-overlay{opacity:var(--pb-card-overlay-hover)} .pb-card:hover p{opacity:1;transform:translateY(0)} .pb-card:hover h3{transform:translateY(-12px)} .pb-card:hover .pb-btn{opacity:1;transform:none;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} #garage-map .leaflet-pane img,#pb-map .leaflet-pane img{max-width:none!important;max-height:none!important;object-fit:initial!important;transition:none!important;} @media(max-width:1024px){.pb-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pb-cards{grid-template-columns:1fr}.pb-card{height:42vh}.pb-content{padding:35px}.pb-content h3{display:flex;width:100%;align-items:flex-end;justify-content:center;min-height:2.1em;font-size:calc(var(--pb-title-md)*.85);line-height:1}.pb-content p{font-size:calc(var(--pb-text-md)*.8);line-height:1.3}.pb-card:hover h3{transform:translateY(-4px)}.pb-card .pb-btn{padding:calc(var(--pb-btn-pad-y)*.85) calc(var(--pb-btn-pad-x)*.85);font-size:calc(var(--pb-btn-font-size)*.85);letter-spacing:calc(var(--pb-btn-letter-spacing)*.85);pointer-events:none}} /* ===== NEUFS GRID ===== */ .pb-neufs-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;z-index:30;opacity:0;pointer-events:none;transform:scale(.97);filter:blur(8px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .65s ease;} .pb-card-neufs.is-open .pb-neufs-grid{opacity:1;pointer-events:auto;transform:scale(1);filter:blur(0);} .pb-neufs-grid a{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);text-decoration:none;color:#071A3A;font-family:var(--pb-font-title);font-size:1.2rem;font-weight:700;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),background-color .35s ease;} .pb-card-neufs.is-open .pb-neufs-grid a{opacity:1;transform:translateY(0) scale(1);}.pb-card-neufs.is-open .pb-neufs-grid a:nth-child(1){transition-delay:.08s;}.pb-card-neufs.is-open .pb-neufs-grid a:nth-child(2){transition-delay:.14s;}.pb-card-neufs.is-open .pb-neufs-grid a:nth-child(3){transition-delay:.2s;}.pb-card-neufs.is-open .pb-neufs-grid a:nth-child(4){transition-delay:.26s;} .pb-neufs-grid a:hover{background:rgba(255,255,255,.55);} .pb-card-neufs.is-open .pb-content{opacity:0;pointer-events:none;} /* ================================================== CHIFFRES CLÉS ================================================== */ .pb-section-chiffres{background:var(--pb-blue);position:relative;overflow:hidden} .pb-section-chiffres::before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 15% 25%,rgba(42,140,255,.9) 0%,transparent 38%),radial-gradient(circle at 85% 20%,rgba(0,61,145,.95) 0%,transparent 42%),radial-gradient(circle at 40% 80%,rgba(78,162,255,.75) 0%,transparent 38%),radial-gradient(circle at 80% 70%,rgba(0,47,111,.95) 0%,transparent 48%);opacity:.75;mix-blend-mode:overlay;pointer-events:none;animation:pbBlueBlob 18s ease-in-out infinite paused;will-change:transform;z-index:0} .pb-section-chiffres.is-active::before{opacity:1;animation-play-state:running} .pb-section-chiffres>*{position:relative;z-index:1} @keyframes pbBlueBlob{ 0%{transform:translate3d(-12%,0,0) scale(1)} 25%{transform:translate3d(10%,-8%,0) scale(1.25)} 50%{transform:translate3d(8%,10%,0) scale(.85)} 75%{transform:translate3d(-10%,6%,0) scale(1.2)} 100%{transform:translate3d(-12%,0,0) scale(1)} } .pb-section-chiffres .pb-reveal{max-width:900px;margin:0 auto 80px;text-align:center;} .pb-section-chiffres .pb-h2{color:#fff;margin-bottom:24px;} .pb-section-chiffres .pb-text-md{color:rgba(255,255,255,.8);max-width:700px;margin:0 auto;} .pb-section-chiffres .pb-chiffres{--pb-title-color:#fff;--pb-text-color:rgba(255,255,255,.8);--pb-num-stroke:#fff;--pb-suffix-color:#fff;--pb-label-color:rgba(255,255,255,.75);} @media(max-width:1024px){.pb-section-chiffres .pb-reveal{margin-bottom:60px;}} .pb-chiffres .pb-wrap{max-width:1500px;margin:auto} .pb-chiffres .pb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px} .pb-chiffres .pb-item{text-align:center;position:relative} .pb-chiffres .pb-value{display:flex;justify-content:center;align-items:flex-start} .pb-chiffres .pb-num{font-family:var(--pb-font-title);font-size:clamp(70px,7vw,130px);font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:1.2px var(--pb-num-stroke);letter-spacing:-.05em;font-variant-numeric:tabular-nums} .pb-chiffres .pb-suffix{font-family:var(--pb-font-title);font-size:clamp(22px,2vw,36px);font-weight:900;color:var(--pb-suffix-color);margin-left:4px} .pb-chiffres .pb-lab{margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pb-label-color)} @media(max-width:900px) and (min-width:601px){.pb-chiffres .pb-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}} @media(max-width:600px){.pb-chiffres .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.pb-chiffres .pb-num{font-size:clamp(52px,18vw,82px)}} /* ================================================== CONTENT MEDIA ================================================== */ .pb-content-media{background:#fff} .pb-content-media-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--pb-gap-xl);align-items:stretch;} .pb-content-media-content{max-width:620px;} .pb-content-media-content .pb-h2{margin-bottom:40px;} .pb-content-media-content .pb-text-lg{margin:0 0 50px;color:rgba(7,26,58,.85);} .pb-content-media-media{overflow:hidden;height:100%;position:relative;} .pb-content-media-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(110%);will-change:transform;} .pb-content-media-media img.pb-image-no-reveal{transform:none!important;will-change:auto;} .pb-content-media.is-reverse .pb-content-media-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);} .pb-content-media.is-reverse .pb-content-media-content{order:2;} .pb-content-media.is-reverse .pb-content-media-media{order:1;} @media(max-width:1024px){ .pb-content-media-grid{grid-template-columns:1fr;gap:60px;} .pb-content-media-content{max-width:none;} .pb-content-media-content .pb-h2{margin-bottom:24px;} .pb-content-media-content .pb-text-lg{margin-bottom:35px;} .pb-content-media.is-reverse .pb-content-media-content,.pb-content-media.is-reverse .pb-content-media-media{order:initial;} } /* RESEAU */ #relais{scroll-margin-top:var(--anchor-offset);} .pb-reseau .leaflet-tile{filter:grayscale(100%) invert(1) brightness(5) contrast(.2)!important} /* RÉSEAU — TRANSITION DES DÉPARTEMENTS */ .pb-reseau .pb-department-shape{pointer-events:visiblePainted;cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .55s cubic-bezier(.16,1,.3,1),fill-opacity 1s cubic-bezier(.16,1,.3,1),fill 1s cubic-bezier(.16,1,.3,1),stroke-opacity .8s cubic-bezier(.16,1,.3,1);will-change:transform,fill,fill-opacity,stroke-opacity}.pb-reseau .pb-department-shape.is-selected{transform:scale(1.1);fill:#fff!important;fill-opacity:1!important;stroke:#fff!important;stroke-opacity:1!important} /* ================================================== PANNEAU RÉSEAU PLEIN ÉCRAN ================================================== */ .pb-reseau-panel{position:fixed;inset:0;z-index:10070;width:100%;height:100dvh;background:var(--pb-dark);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(100%);overflow:hidden;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .25s ease,visibility 0s linear .8s}.pb-reseau-panel.is-open,.pb-reseau-panel.is-loading{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .25s ease,visibility 0s linear 0s}.pb-reseau-panel-scroll{position:absolute;inset:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pb-reseau-panel-content{position:relative;width:100%;min-height:100%}.pb-reseau-panel-content .pb-reseau{min-height:100dvh;margin:0}.pb-reseau-panel-close{position:fixed;top:32px;right:32px;z-index:10073;width:52px;height:52px;padding:0;border:0;border-radius:0;background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .35s cubic-bezier(.16,1,.3,1)}.pb-reseau-panel-close:hover{transform:rotate(90deg)}.pb-reseau-panel-close span{position:absolute;top:50%;left:50%;width:22px;height:2px;background:var(--pb-dark);transform-origin:center}.pb-reseau-panel-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.pb-reseau-panel-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}html.pb-reseau-panel-open,html.pb-reseau-panel-open body{overflow:hidden!important}.pb-reseau-panel.is-loading:before{content:"";position:absolute;left:50%;top:50%;z-index:10072;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:pbReseauPanelLoader .8s linear infinite}@keyframes pbReseauPanelLoader{to{transform:rotate(360deg)}}@media(max-width:767px){.pb-reseau-panel-close{top:20px;right:20px;width:46px;height:46px}} .pb-reseau{position:relative;height:var(--pb-reseau-height);overflow:hidden} .pb-reseau-map{position:absolute;left:-25%;top:5%;width:140%;height:120%;z-index:1} #pb-map{width:100%;height:100%;transform:none} .pb-reseau-mask{position:absolute;inset:0;z-index:2;background:#071A3A;mix-blend-mode:screen;pointer-events:none} .pb-reseau-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;pointer-events:none} .pb-reseau-content,.pb-reseau-card-wrap,.pb-reseau-card,.pb-reseau-nav,.pb-reseau-nav button{pointer-events:auto} .pb-reseau-content{width:var(--pb-reseau-content-width);margin-right:0;color:#fff;transform:translateX(-120px)} .pb-reseau-content .pb-h2{color:#fff;font-size:var(--pb-title-base);font-weight:800;line-height:.95;margin:0 0 18px} .pb-reseau-content p{color:#fff;font-size:1.125rem;line-height:1.6;margin:0 0 24px} .pb-pin-wrap{cursor:default!important;pointer-events:none!important;transition:opacity .45s cubic-bezier(.22,.61,.36,1)} .pb-pin-wrap *{pointer-events:none!important} .pb-map-pin{width:18px;height:18px;border-radius:50%;background:#fff;opacity:.7;cursor:pointer!important;transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease;animation:none} .pb-pin-wrap:hover .pb-map-pin, .pb-map-pin.is-active{opacity:1} /* .pb-pin-wrap:hover .pb-map-pin{transform:scale(2.4);box-shadow:0 0 0 12px rgba(255,255,255,.18);} */ .pb-pin-wrap:hover .pb-map-label{ opacity:1; } .pb-map-label{position:absolute;left:40%;top:4px;transform:translateX(-50%) translateY(-8px);white-space:nowrap;font:700 13px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;pointer-events:none;transition:color .45s cubic-bezier(.22,.61,.36,1)}.pb-pin-wrap:has(.pb-map-pin.is-active) .pb-map-label{color:var(--pb-blue)} .pb-map-label br{ display:block; margin-top:2px;} .pb-reseau-card-wrap{position:relative;width:100%;perspective:1600px} .pb-reseau-card-wrap:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35);transform:translateX(-26px) translateY(18px) scale(.94);opacity:.85;z-index:1;backdrop-filter:blur(12px);transition:.45s cubic-bezier(.22,1,.36,1)} .pb-reseau-card-wrap:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.18);transform:translateX(-40px) translateY(28px) scale(.92);z-index:0;backdrop-filter:blur(8px);transition:.45s cubic-bezier(.22,1,.36,1)} .pb-reseau-card{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:4px;padding:20px 24px 18px;background:rgba(255,255,255,.8);border:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--pb-dark);border-radius:3px} .garage-head{display:grid;grid-template-columns:1fr 1px 1fr;gap:22px;align-items:start;margin-bottom:8px}.garage-head-left{grid-column:1;min-width:0}.garage-head-right{grid-column:3;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.pb-reseau-card strong{display:block;width:190px;font-family:var(--pb-font-title);font-size:calc(var(--pb-title-md)*1.05);font-weight:700;letter-spacing:.02em;line-height:.95;margin:0;color:var(--pb-dark);word-break:normal}.garage-status{display:flex;align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:500;letter-spacing:.01em;line-height:1;color:inherit}#garage-status-sub{font-size:.66rem;line-height:1.15;font-weight:400;letter-spacing:.02em;margin-top:1px;text-transform:none;color:rgba(7,26,58,.45)} /* ================================================== RÉSEAU — ACTIONS GARAGE ================================================== */ .pb-reseau-card .garage-actions{display:grid!important;grid-template-columns:minmax(0,42fr) minmax(0,58fr)!important;column-gap:24px!important;width:100%!important;margin-top:8px!important} .pb-reseau-card .garage-actions :is(.garage-link,.garage-call){display:flex!important;width:100%!important;min-width:0!important;height:var(--pb-btn-compact-height)!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0 var(--pb-btn-compact-pad-x)!important;border:0!important;border-radius:var(--pb-btn-radius)!important;background-image:none!important;opacity:1!important;visibility:visible!important;text-decoration:none!important;transform:none!important;font-size:var(--pb-btn-compact-font-size)!important;font-weight:var(--pb-btn-compact-font-weight)!important;letter-spacing:var(--pb-btn-compact-letter-spacing)!important;text-transform:uppercase!important;line-height:1!important} .pb-reseau-card .garage-actions .garage-link{background:var(--pb-btn-blue-bg)!important;color:var(--pb-btn-color)!important} .pb-reseau-card .garage-actions .garage-call{gap:8px!important;background:var(--pb-btn-grey-bg)!important;color:var(--pb-btn-grey-color)!important} .pb-reseau-card .garage-actions .garage-link:hover{background:var(--pb-btn-blue-hover-dark)!important;color:var(--pb-btn-color)!important} .pb-reseau-card .garage-actions .garage-call:is(:hover,:focus,:focus-visible){background:var(--pb-btn-grey-hover)!important;color:var(--pb-btn-grey-color)!important;opacity:1!important} .pb-reseau-card #garage-address,.pb-reseau-card #garage-city,.pb-reseau-card #garage-phone,.pb-reseau-card #garage-hours{font-size:.95rem;line-height:1.4;color:rgba(7,26,58,.75)}.pb-reseau-card .garage-status span{color:inherit} .garage-kicker{display:block;margin-bottom:15px;font-size:11px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--pb-blue)!important;line-height:1.2} .pb-reseau-nav{position:absolute;inset:0;pointer-events:none;z-index:200!important} .pb-reseau-nav button{position:absolute;top:50%;transform:translateY(-50%);width:31px;height:43px;border:0;background:#0056B8;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;font-size:52px;font-weight:200;cursor:pointer;pointer-events:auto;line-height:1;opacity:1;transition:background .3s ease;z-index:201!important;display:flex;align-items:center;justify-content:center;padding:0} .pb-reseau-nav button:hover{background:#071A3A;transform:translateY(-50%)} #garage-prev{left:-60px} #garage-next{right:-40px} .pb-map-pin.is-active{transform:scale(2.4);background:#0056B8;opacity:1;animation:pbBlink 2s infinite;box-shadow:0 0 0 12px rgba(0,86,184,.18)} .garage-status{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;font-family:var(--pb-font-body);font-size:.8rem;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.garage-status.is-open{color:#16a34a}.garage-status.is-closed{color:#dc2626}.garage-status .pb-status-dot{position:relative;display:block;width:9px;height:9px;min-width:9px;flex:0 0 9px;border-radius:50%;background:currentColor}.garage-status .pb-status-dot:after{content:"";position:absolute;left:50%;top:50%;width:21px;height:21px;border-radius:50%;background:currentColor;opacity:.16;transform:translate(-50%,-50%);pointer-events:none}.garage-status>svg{display:none} .garage-phone-wrap,.garage-hours-wrap{display:flex;gap:10px} .garage-phone-wrap{align-items:center;margin-bottom:8px} .garage-hours-wrap{align-items:flex-start;margin-top:2px} .garage-phone-wrap svg,.garage-hours-wrap svg{width:16px;height:16px;flex:0 0 16px;stroke:currentColor;stroke-width:2} .garage-hours-wrap svg{margin-top:2px} .garage-infos{display:grid;grid-template-columns:1fr 1px 1fr;gap:22px;margin-top:10px;margin-bottom:12px;align-items:start;position:relative} .garage-infos:before{content:"";position:absolute;left:-24px;right:-24px;top:-15px;height:1px;background:rgba(7,26,58,.12)} .garage-col-left,.garage-col-right{display:flex;flex-direction:column;opacity:.8} .garage-separator{width:1px;height:65px;background:rgba(7,26,58,.12);justify-self:center} #garage-address,#garage-phone,#garage-hours{display:block;transform:translateY(5px)} #garage-address{margin-bottom:6px;line-height:1.7} #garage-city{margin-bottom:-2px} #garage-phone,#garage-hours{margin:0;font-size:.95rem;font-weight:400;color:rgba(7,26,58,.75);line-height:1.4} .garage-call svg{width:14px;height:14px;min-width:14px;max-width:14px;flex:0 0 14px;display:block;fill:currentColor} .pb-reseau-nav button svg{width:18px;height:18px;display:block;fill:currentColor} #garage-prev svg{transform:scaleX(-1)} .pb-map-pin:not(.is-active){animation:none!important;box-shadow:none!important} @keyframes pbBlink{0%{box-shadow:0 0 0 0 rgba(255,255,255,.28)}70%{box-shadow:0 0 0 18px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}} @media(max-width:1024px){:root{--pb-reseau-height:700px}.pb-reseau-overlay{justify-content:center;align-items:flex-end;padding:60px 40px}.pb-reseau-content{width:100%;max-width:600px;margin-right:0;text-align:center}} @media(max-width:768px){:root{--pb-reseau-height:800px}.pb-reseau-content h2{font-size:2.8rem}} .pb-hero-garage .pb-hero-intro-text{display:inline-flex;justify-content:flex-start;align-items:center;width:auto;gap:0} .pb-hero-garage .pb-hero-intro-address{flex:0 0 auto;width:auto;padding-right:22px} .pb-hero-garage .pb-hero-garage-status{display:flex;flex:0 0 auto;align-items:center;margin:0 0 0 22px;padding-left:22px;border-left:1px solid rgba(255,255,255,.35);white-space:nowrap} /* ================================================== CONTENT SEO ================================================== */ .pb-garage-intro{padding:42px 0;margin:0;background:#fff} .pb-garage-intro-content{width:100%;max-width:none;margin:0} .pb-garage-intro-content h2,.pb-garage-intro-content h3{margin:0 0 14px;line-height:1.15} .pb-garage-intro-content p{margin:0 0 12px;color:rgba(7,26,58,.75);line-height:1.6;text-align:left} .pb-garage-intro-content>.pb-reveal-text>p:first-child{font-size:clamp(1.25rem,1.7vw,1.6rem);font-weight:700;line-height:1.4;color:var(--pb-dark)} .pb-garage-intro-content>.pb-reveal-text>p:last-child{margin-bottom:0} .pb-content-seo-intro{width:100%;max-width:none;margin:0 0 70px;text-align:center} .pb-content-seo-intro .pb-h2{width:100%;max-width:none;margin:0 0 30px;font-size:var(--pb-title-base);text-align:center} .pb-content-seo-intro p{width:100%;max-width:none;margin:0;text-align:center!important} .pb-content-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pb-gap-xl);align-items:start} .pb-content-seo-col{width:100%;min-width:0} .pb-content-seo-col h3{margin:0 0 28px;line-height:1.15} .pb-content-seo-col p,.pb-content-seo-intro p{margin:0 0 22px;color:rgba(7,26,58,.75);line-height:1.6;text-align:left} .single-garage .pb-content-seo-intro{max-width:none;margin:0 0 45px} .single-garage .pb-content-seo-intro .pb-h2{font-size:2.2rem;text-align:left;margin-bottom:35px} .single-garage .pb-content-seo-intro p{line-height:1.9;text-align:left} .single-garage .pb-content-seo-col{max-width:none} @media(max-width:1024px){ .pb-garage-intro{padding:30px 0} .pb-content-seo-intro{margin-bottom:var(--pb-gap-lg)} } @media(max-width:767px){ .pb-content-seo-grid{grid-template-columns:1fr;gap:40px} } /* ================================================== PAGE 404 ================================================== */ body.error404 .pb-footer{display:none;} body.error404 .site-main{margin-bottom:0;} .pb-404{min-height:65vh;display:flex;align-items:center;justify-content:center;padding-block:100px} .pb-404-inner{max-width:1100px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:15px} .pb-404-inner h1{margin:0;line-height:.9} .pb-404-inner p{margin:10px auto 0;max-width:900px;font-size:var(--pb-text-md);line-height:1.6} .pb-404-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px} /* ================================================== CONTENT SEQUENCE ================================================== */ .pb-sequence{overflow:hidden;} .pb-sequence-grid{display:grid;grid-template-columns:50% 50%;gap:50px;align-items:flex-start;transform:translateY(-60px)} .pb-sequence-left{position:relative;height:430px;overflow:hidden;max-width:100%} .pb-sequence-left img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;will-change:clip-path,transform;backface-visibility:hidden;transform:translateZ(0)} .pb-sequence-right{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;max-width:100%;padding-top:0} .pb-sequence-right h2{margin:18px 0 50px;max-width:650px} .pb-sequence-right ul{list-style:none;margin:0;padding:0;width:100%;max-width:680px} .pb-sequence-right li{position:relative;padding:12px 0;opacity:.1;transition:.3s;max-width:100%} .pb-seq-title{display:block;font-family:var(--pb-font-title);font-size:var(--pb-title-md)!important;font-weight:800;line-height:1.02;letter-spacing:0;color:var(--pb-dark);width:100%;max-width:100%;word-break:break-word;overflow-wrap:anywhere} .pb-sequence-right li.active{opacity:1} .pb-seq-text{display:block;width:100%;max-width:100%;max-height:0;overflow:hidden;margin-top:0;font-family:var(--pb-font-body);font-size:1rem;font-weight:400;line-height:1.6;color:rgba(7,26,58,.78);opacity:0;transform:translateY(12px);transition:max-height .45s ease,opacity .35s ease,transform .35s ease,margin-top .35s ease} .pb-sequence-right li.active .pb-seq-text{max-height:140px;margin-top:14px;opacity:1;transform:translateY(0)} @media(max-width:1024px){ .pb-sequence-grid{grid-template-columns:1fr;gap:60px} .pb-sequence-left{position:relative;top:auto;height:320px} .pb-sequence-right h2{margin-bottom:40px} .pb-seq-title{font-size:34px!important} } @media(max-width:767px){ .pb-sequence-left{height:240px} .pb-seq-title{font-size:24px!important} .pb-seq-text{font-size:1rem} } /* ================================================== GARAGE RELAIS ================================================== */ .pb-garage-hero{position:relative;min-height:70vh;overflow:hidden;background:var(--pb-dark)} .pb-garage-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)} .pb-garage-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,86,184,.65) 0%,rgba(7,26,58,.82) 100%);mix-blend-mode:multiply} .pb-garage-content{position:relative;z-index:2;min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--header-height);color:#fff} .pb-garage-content h1{color:#fff;margin:20px 0;font-size:var(--pb-title-xl)} .pb-garage-content p{max-width:600px;font-size:var(--pb-text-lg);line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 40px} .pb-garage-actions{display:flex;gap:20px;flex-wrap:wrap} /* HERO GARAGE — INTRO À DROITE */ .single-garage .pb-hero-garage.has-side-content .pb-hero-intro-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,620px);grid-template-areas:"kicker side" "title side" "text side";column-gap:clamp(60px,7vw,120px);row-gap:0;align-items:end;width:100%;max-width:none}.single-garage .pb-hero-garage.has-side-content .pb-kicker{grid-area:kicker}.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-title{grid-area:title}.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-text{grid-area:text}.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-side{grid-area:side;align-self:end;width:100%;max-width:620px}.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-title,.single-garage .pb-hero-garage.has-side-content .pb-kicker,.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-text{visibility:visible!important;opacity:1!important;transform:none!important} .single-garage .pb-hero-garage .pb-hero-intro-side{color:#fff;font-family:var(--pb-font-body);font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.7;padding:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none;border:0!important;outline:0!important} .single-garage .pb-hero-garage .pb-hero-intro-side-reveal{opacity:0;transform:translateY(35px);animation:pbGarageIntroReveal .9s cubic-bezier(.22,1,.36,1) 1.15s forwards} @keyframes pbGarageIntroReveal{to{opacity:1;transform:translateY(0)}} .pb-hero-garage .pb-hero-intro-side h2,.pb-hero-garage .pb-hero-intro-side h3,.pb-hero-garage .pb-hero-intro-side h4{color:#fff;line-height:1.1;margin:0 0 20px;} .single-garage .pb-hero-garage .pb-hero-intro-side p{color:rgba(255,255,255,.92);margin:0 0 17px;font-size:inherit;line-height:1.75} .single-garage .pb-hero-garage .pb-hero-intro-side p:last-child{margin-bottom:0} .pb-hero-garage .pb-hero-intro-side a{color:#fff;} @media(max-width:1024px){ .single-garage .pb-hero-garage.has-side-content .pb-hero-intro-content{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "text" "side";gap:0}.single-garage .pb-hero-garage.has-side-content .pb-hero-intro-side{max-width:720px;margin-top:35px} } @media(max-width:768px){ .single-garage .pb-hero-garage .pb-hero-intro-side{font-size:.88rem;line-height:1.6;margin-top:28px}.single-garage .pb-hero-garage .pb-hero-intro-side p{line-height:1.6;margin-bottom:13px} } /* ÉQUIPE GARAGE */ .pb-garage-team{background:var(--pb-light-blue);} .pb-garage-team-head{width:100%;max-width:none;margin-bottom:55px} .pb-garage-team-head .pb-h2{width:100%;max-width:none;white-space:nowrap} .pb-garage-team-grid,.pb-org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px} .pb-garage-team-card{width:100%;height:100%;padding:34px 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;} .pb-garage-team-card .pb-volvo-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px;} .pb-garage-team-card .pb-volvo-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;} .pb-garage-team-card.is-recrutement .pb-volvo-avatar{display:none!important;margin:0!important;} .pb-garage-team-card .pb-volvo-name{font-size:clamp(1.25rem,1.5vw,1.7rem);line-height:1.05;text-align:center;} .pb-garage-team-card .pb-volvo-role{min-height:46px;margin-bottom:24px;text-align:center;line-height:1.05;} .pb-garage-team-card .pb-volvo-phone,.pb-garage-team-card .pb-volvo-phone-reveal{margin-top:auto;margin-bottom:0;transform:translateY(-15%)} .pb-garage-team-card .pb-volvo-phone-reveal{zoom:.85} .pb-garage-team-card.is-recrutement{position:relative;justify-content:center;text-align:center;background:repeating-linear-gradient(-45deg,var(--pb-recrutement-stripe) 0,var(--pb-recrutement-stripe) var(--pb-recrutement-stripe-size),var(--pb-recrutement-bg) var(--pb-recrutement-stripe-size),var(--pb-recrutement-bg) calc(var(--pb-recrutement-stripe-size)*2))} .pb-garage-team-card.is-recrutement .pb-volvo-name{flex:none;width:100%;margin:0 0 8px} .pb-garage-team-card.is-recrutement .pb-volvo-lastname{font-size:inherit;line-height:inherit;letter-spacing:0;text-align:center} .pb-garage-team-card.is-recrutement .pb-volvo-role{display:block;flex:none;min-height:0;margin:0} .pb-garage-team-card.is-recrutement .pb-volvo-phone,.pb-garage-team-card.is-recrutement .pb-volvo-phone-reveal{display:none} @media(max-width:1024px){ .pb-garage-team-grid,.pb-org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} } @media(max-width:600px){ .pb-garage-team-grid,.pb-org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .pb-garage-team-card{padding:28px 16px;} .pb-garage-team-card .pb-volvo-name{font-size:1.1rem;} .pb-garage-team-card .pb-volvo-role{font-size:.82rem;min-height:42px;} .pb-garage-team-card .pb-volvo-phone{font-size:.85rem;} .pb-garage-team-head{margin-bottom:45px;} } .single-garage .pb-garage-team-card{max-width:none!important;margin:0!important;} @media(max-width:600px){.single-garage .pb-garage-team-card{padding:28px 14px!important}.single-garage .pb-garage-team-card .pb-volvo-avatar{width:70px!important;height:70px!important;font-size:28px!important}.single-garage .pb-garage-team-card .pb-volvo-name{font-size:1.05rem!important}.single-garage .pb-garage-team-card .pb-volvo-role{font-size:.76rem!important;min-height:42px!important}.single-garage .pb-garage-team-card .pb-volvo-phone{font-size:.8rem!important}} .pb-garage-contact-card{display:grid;grid-template-columns:var(--pb-sidebar) 1fr;gap:var(--pb-gap-xl);align-items:stretch;margin-bottom:var(--pb-section-pad-s)} .pb-garage-infos-section{position:relative;padding-top:var(--pb-section-pad-s);background:#fff} .pb-garage-contact-left{background:transparent;display:flex;flex-direction:column;height:100%;min-height:312px;padding-bottom:4px}.pb-garage-contact-left p{font-size:var(--pb-text-md);line-height:1.8;color:rgba(7,26,58,.75)}.pb-garage-contact-actions{display:flex;align-items:flex-end;margin-top:auto;padding-top:18px}.pb-garage-contact-actions .pb-garage-status{margin:0;font-size:1rem;white-space:nowrap} .pb-garage-call-btn{gap:var(--pb-btn-call-gap);padding:var(--pb-btn-call-pad-y) var(--pb-btn-call-pad-x)}.pb-garage-call-btn svg{display:block;width:16px;height:16px;flex:0 0 16px;fill:currentColor} .pb-garage-contact-address-row{display:grid;grid-template-columns:max-content max-content;justify-content:start;align-items:stretch;width:max-content;max-width:100%;margin-top:14px}.pb-garage-contact-address-row>p{width:max-content;margin:0;padding-right:22px}.pb-garage-contact-address-row .pb-garage-status{display:flex;align-items:center;align-self:stretch;gap:10px;margin:0 0 0 22px;padding-left:22px;border-left:1px solid rgba(7,26,58,.18);font-size:1rem;white-space:nowrap} .pb-garage-contact-left a:not(.pb-btn){color:var(--pb-blue);text-decoration:none}.pb-garage-contact-left .pb-garage-call-btn:is(:not(:hover),:hover,:focus,:focus-visible){background:var(--pb-btn-blue-bg);color:var(--pb-btn-color)!important;opacity:1!important;text-decoration:none}.pb-garage-contact-left .pb-garage-call-btn:hover{background:var(--pb-btn-blue-hover-dark)}.pb-garage-contact-left .pb-garage-call-btn svg{fill:currentColor!important;color:var(--pb-btn-color)!important} .pb-horaires-wrap{position:relative;isolation:isolate;margin-top:var(--pb-gap-lg);margin-bottom:0} .pb-horaires-wrap:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#dce8f6;z-index:-1} .pb-horaires-wrap .pb-h3{margin-bottom:40px} .pb-horaires-grid{--pb-horaire-opacity:.4;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px} .pb-horaire-card{position:relative;padding:22px 16px;border:1px solid rgb(229 231 235 / .6);background-color:rgb(255 255 255 / var(--pb-horaire-opacity))!important;background-image:none!important;border-radius:3px;opacity:1!important;transition:background-color .35s var(--pb-ease),transform .35s var(--pb-ease),box-shadow .35s var(--pb-ease)} .pb-horaire-card:before,.pb-horaire-card:after{display:none!important;content:none!important} .pb-horaire-card.is-today{border-color:#e5e7eb;background-color:#fff!important} .pb-horaire-card:hover{transform:translateY(-4px);box-shadow:var(--pb-shadow-md)} .pb-day{display:block;font-family:var(--pb-font-title);font-size:.95rem;font-weight:700;color:var(--pb-dark);margin-bottom:10px} .pb-hour{display:block;font-size:.9rem;line-height:1.5;color:rgba(7,26,58,.75)} .pb-services-list{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:40px 60px;max-width:1200px;margin:40px auto 0} .pb-marques-section{position:relative} .pb-marques-section:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--pb-light-blue);z-index:-1} .single-garage .pb-section:has(.pb-services-list){padding-block:var(--pb-section-pad-s)} .pb-service-item{display:flex;align-items:flex-start;gap:14px;font-size:.92rem;font-weight:600;line-height:1.55;color:var(--pb-dark)} .pb-service-check{width:23px;height:23px;min-width:23px;border-radius:50%;background:var(--pb-blue);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center} .pb-services-more{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .7s cubic-bezier(.22,.61,.36,1),opacity .45s ease,margin-top .45s ease} .pb-services-more.is-open{max-height:2200px;opacity:1;margin-top:40px} .pb-services-toggle-wrap{margin-top:45px;text-align:center;} .pb-services-toggle{display:inline-flex;align-items:center;gap:12px} .pb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pb-gap-sm);margin-top:50px} .pb-gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover} .single-garage .pb-garage-seo{padding-block:var(--pb-section-pad-s)} .single-garage .pb-garage-seo .pb-content-seo-grid{align-items:start} .single-garage .pb-garage-seo .pb-content-seo-col h2, .single-garage .pb-garage-seo .pb-content-seo-col h3, .single-garage .pb-garage-seo .pb-content-seo-col h4{margin:0 0 28px;line-height:1.15} .single-garage .pb-garage-seo .pb-content-seo-col p:last-child{margin-bottom:0} .pb-other-garages{position:relative;padding-block:var(--pb-section-pad-m);background:var(--pb-light-blue)} .pb-other-garages-head{margin-bottom:55px} .pb-other-garages-head .pb-h2{max-width:850px} .pb-garages-component-grid{display:grid;gap:16px;} .pb-garages-component-grid-single{grid-template-columns:repeat(6,minmax(0,1fr));} .pb-garages-component .pb-other-garage-card{height:175px;min-height:175px;display:grid;grid-template-rows:38px 78px 1fr;align-items:start;min-width:0;padding:16px 16px 14px;background:#fff;border:0;border-radius:3px;color:var(--pb-dark);text-decoration:none;transition:transform .35s var(--pb-ease),box-shadow .35s var(--pb-ease);} .pb-garages-component .pb-other-garage-card:hover{transform:translateY(-4px);box-shadow:var(--pb-shadow-md);} .pb-garages-component .pb-other-garage-card h3{display:flex;align-items:flex-start;min-height:38px;margin:0;font-size:1rem;font-weight:800;line-height:1.15;color:var(--pb-dark);} .pb-garages-component .pb-other-garage-map{display:flex;align-items:center;justify-content:center;width:100%;height:78px;margin:0;overflow:visible;} .pb-garages-component .pb-other-garage-map svg{display:block;width:auto;max-width:115%;height:115%;overflow:visible;} .pb-garages-component .pb-other-garage-map-shape{fill:#d6e1f4;stroke:none;stroke-width:0;} .pb-garages-component .pb-other-garage-map-halo{fill:rgba(0,86,184,.16);} .pb-garages-component .pb-other-garage-map-pin{fill:var(--pb-blue);} .pb-garages-component .pb-other-garage-link{display:block;align-self:end;height:auto;margin:0;font-family:var(--pb-font-body);font-size:8px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--pb-blue);} @media(max-width:1024px){ .pb-garage-contact-card{grid-template-columns:1fr} .pb-horaires-grid{grid-template-columns:repeat(3,1fr)} .pb-other-garages-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:768px){ .single-garage .pb-garage-seo{padding-block:var(--pb-section-pad-s-mobile)} .pb-garage-content{min-height:60vh} .pb-other-garages{padding-block:var(--pb-section-pad-m-mobile)} .pb-horaires-grid{grid-template-columns:repeat(2,1fr)} .pb-services-list{grid-template-columns:1fr} .pb-gallery-grid{grid-template-columns:1fr} .pb-other-garages-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .single-garage .pb-other-garage-card{height:170px!important;min-height:170px!important;grid-template-rows:38px 75px 1fr;padding:15px 14px 13px!important} .pb-other-garages-head{margin-bottom:40px} } .pb-horaire-status{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pb-horaire-status .pb-status-dot,.pb-horaire-status-dot{display:block;width:8px;height:8px;min-width:8px;flex:0 0 8px;border-radius:50%;background:currentColor}.pb-horaire-card.is-open .pb-horaire-status{color:#16a34a}.pb-horaire-card.is-closed .pb-horaire-status{color:#dc2626} .pb-garage-status{display:flex;align-items:center;gap:10px;margin:35px 0 40px;font-size:var(--pb-title-sm);font-family:var(--pb-font-title);font-weight:700}.pb-garage-status-dot,.pb-garage-status .pb-status-dot{position:relative;display:block;width:12px;height:12px;min-width:12px;flex:0 0 12px;border-radius:50%;background:currentColor}.pb-garage-status .pb-status-dot:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:currentColor;opacity:.16;transform:translate(-50%,-50%);pointer-events:none}.pb-garage-status.is-open{color:#16a34a}.pb-garage-status.is-closed{color:#dc2626} .pb-map-wrap{position:relative;height:100%;min-height:312px} .pb-map-actions{position:absolute;left:50%;bottom:20px;display:flex;gap:12px;z-index:1000;opacity:1;transform:translateX(-50%)} .pb-map-route{padding:var(--pb-btn-map-pad-y) var(--pb-btn-map-pad-x);border-radius:var(--pb-btn-radius);background:var(--pb-btn-blue-bg);color:var(--pb-btn-color)!important;text-decoration:none;font-size:var(--pb-btn-map-font-size);font-weight:var(--pb-btn-map-font-weight);line-height:1;letter-spacing:var(--pb-btn-map-letter-spacing);text-transform:uppercase;transition:background-color var(--pb-speed) var(--pb-ease),transform var(--pb-speed) var(--pb-ease),box-shadow var(--pb-speed) var(--pb-ease)} .pb-map-route:hover{background:var(--pb-btn-blue-hover);transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.12)} .pb-map-waze{background:#33ccff} .pb-map-waze:hover{background:#18b9ef} #garage-map{width:100%;height:100%;min-height:312px;border:1px solid #eceff3;background:#e7f1fc} #garage-map .leaflet-tile-pane{opacity:.88} #garage-map .leaflet-tile{filter:grayscale(35%) contrast(.96) brightness(1.03)} .pb-marques-grid{display:grid;grid-template-columns:repeat(3,260px);gap:50px;margin-top:40px;justify-content:flex-start} .pb-marque{display:flex;align-items:center;justify-content:center;padding:24px 30px;background:#fff;border:0} .pb-marque-logo{display:block;width:140px;height:50px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(770%) hue-rotate(181deg) brightness(86%) contrast(92%)} @media(max-width:768px){.pb-marques-grid{grid-template-columns:1fr;gap:20px}.pb-marque{justify-content:center}} .pb-hero-garage .pb-hero-intro-text{display:grid;grid-template-columns:max-content max-content;justify-content:start;align-items:stretch;column-gap:0;width:max-content;max-width:100%;margin-top:25px} .pb-hero-garage .pb-hero-intro-address{width:max-content;max-width:none;padding-right:22px} .pb-hero-garage-status{display:flex;align-items:center;gap:10px;margin:0 0 0 22px;padding-left:22px;border-left:1px solid rgba(255,255,255,.35);justify-self:start;align-self:stretch;font-family:var(--pb-font-body);font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap} .pb-hero-garage-status-dot,.pb-hero-garage-status .pb-status-dot{display:block;width:9px;height:9px;min-width:9px;border-radius:50%;flex:0 0 9px;background:currentColor} .pb-hero-garage-status.is-open{color:#65d88a} .pb-hero-garage-status.is-open .pb-hero-garage-status-dot,.pb-hero-garage-status.is-open .pb-status-dot{box-shadow:0 0 0 6px rgba(101,216,138,.16)} .pb-hero-garage-status.is-closed{color:#ff7b7b} .pb-hero-garage-status.is-closed .pb-hero-garage-status-dot,.pb-hero-garage-status.is-closed .pb-status-dot{box-shadow:0 0 0 6px rgba(255,123,123,.16)} @media(max-width:768px){ .pb-hero-garage .pb-hero-intro-text{grid-template-columns:1fr;width:100%;row-gap:16px} .pb-hero-garage .pb-hero-intro-address{width:auto;padding-right:0} .pb-hero-garage-status{justify-self:start;align-self:start;margin:0;padding:0;border-left:0} } .pb-garage-contact-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;margin:28px 0 30px;width:100%} .pb-garage-contact-item{display:block;min-width:0} .pb-garage-contact-item p{display:flex;flex-direction:column;align-items:flex-start;margin:0;min-width:0;width:100%} .pb-garage-contact-item strong{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:700;line-height:1.2} .pb-garage-contact-item a{display:block;width:100%;min-width:0;color:var(--pb-blue);text-align:left;text-decoration:none;line-height:1.4} .pb-garage-contact-phone a{font-weight:700;white-space:nowrap} .pb-garage-contact-email a{font-size:.8rem;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap*/} .pb-garage-contact-email a:hover{/*overflow:visible;text-overflow:clip*/} .pb-garage-contact-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;margin:0;background:currentColor;opacity:.6;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .pb-garage-contact-phone .pb-garage-contact-icon{-webkit-mask-image:url('/assets/images/icons/tel.svg?v=2');mask-image:url('/assets/images/icons/tel.svg?v=2')} .pb-garage-contact-email .pb-garage-contact-icon{-webkit-mask-image:url('/assets/images/icons/mail.svg');mask-image:url('/assets/images/icons/mail.svg')} @media(max-width:768px){ .pb-garage-contact-grid{grid-template-columns:1fr;gap:24px} } /* ================================================== GARAGES — VOLVO ACTION SERVICE ================================================== */ .pb-garage-assistance p{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0} .pb-garage-assistance strong{margin-bottom:3px} .pb-garage-assistance-hours{display:block;font-size:.88rem;font-weight:700;line-height:1.35;color:var(--pb-blue)} .pb-garage-assistance-number-label{display:inline;font-size:.82rem;line-height:1.3;opacity:.65} .pb-garage-assistance a{display:block;font-size:1.15rem;font-weight:800;line-height:1.2;color:var(--pb-blue);text-decoration:none} .pb-garage-assistance-call{white-space:nowrap} .garage-phone-wrap.is-assistance{display:flex;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important} .garage-phone-wrap.is-assistance .garage-assistance-hours{display:block;margin:0!important;padding:0!important;font-size:.95rem;font-weight:400;line-height:1.1;color:var(--pb-blue)!important;opacity:1} .garage-phone-wrap.is-assistance #garage-phone.garage-assistance-number{display:flex!important;align-items:center!important;gap:8px!important;margin:-1px 0 0!important;padding:0!important;font-size:.95rem;font-weight:900!important;line-height:1.1;color:var(--pb-blue)!important} .garage-phone-wrap.is-assistance #garage-phone.garage-assistance-number svg{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;color:var(--pb-blue)!important} .garage-phone-wrap.is-assistance #garage-phone.garage-assistance-number span{display:block;color:var(--pb-blue)!important;font:inherit} /* ================================================== VALEURS ================================================== */ .pb-section-valeurs .pb-reveal,.pb-section-organigramme>.pb-container>.pb-reveal{max-width:900px;margin:0 auto 80px;text-align:center} .pb-section-valeurs .pb-h2{margin:22px 0 28px;} .pb-section-valeurs .pb-text-lg{max-width:760px;margin:0 auto;color:rgba(7,26,58,.75);} .pb-valeurs{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:80px;} .pb-valeur{padding:40px;border:1px solid var(--pb-border-light);background:#fff;box-shadow:var(--pb-shadow-sm);} .pb-valeur h3{margin:0 0 22px;font-size:var(--pb-title-sm);font-weight:800;line-height:1;} .pb-valeur p{margin:0;font-size:var(--pb-text-md);line-height:1.7;color:rgba(7,26,58,.75);} @media(max-width:1024px){ .pb-valeurs{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px;} } @media(max-width:1024px){ .pb-valeurs{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px;} } @media(max-width:768px){ .pb-valeurs{grid-template-columns:repeat(2,1fr);gap:20px;} .pb-valeur{padding:28px;} } /* ================================================== ORGANIGRAMME ================================================== */ .pb-section-organigramme{background:var(--pb-light-blue)} .pb-organigramme{margin:0 auto} .pb-org-team-card{width:100%;height:100%;min-width:0} .pb-org-team-card .pb-volvo-role{min-height:0;margin:0;text-align:center;line-height:1.35} .pb-org-avatar{overflow:hidden;padding:0} .pb-org-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%} .pb-org-grid>.pb-org-team-card{max-width:none!important;margin:0!important} @media(max-width:600px){ .pb-org-team-card{padding:28px 14px} .pb-org-team-card .pb-volvo-avatar{width:70px;height:70px;font-size:28px} .pb-org-team-card .pb-volvo-name{font-size:1.05rem} .pb-org-team-card .pb-volvo-role{font-size:.76rem} } /* RECRUTEMENT */ .pb-section-recrutement{padding-block:var(--pb-section-pad-s);background:var(--pb-light-grey)} .pb-section-recrutement .pb-reveal{max-width:900px;margin:0 auto;text-align:center} .pb-section-recrutement .pb-button{margin-top:35px} .pb-groupe-equipe-intro{--pb-accent:var(--pb-services);background:var(--pb-light-grey)} .pb-groupe-equipe-grid{grid-template-columns:minmax(0,1fr) minmax(280px,30%);align-items:stretch} .pb-groupe-equipe-main{min-width:0} .pb-groupe-equipe-main>.pb-reveal{max-width:850px} .pb-groupe-equipe-main>.pb-reveal .pb-text-lg+.pb-text-lg{margin-top:24px} .pb-groupe-equipe-aside{position:relative;align-self:stretch;min-width:0} .pb-groupe-equipe-contact{width:100%;height:max-content;max-height:none!important;overflow:visible!important;align-self:flex-start;background:var(--pb-accent)!important;color:#fff;z-index:2} .pb-recrut-metiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:60px} .pb-recrut-metier{overflow:hidden;background:#fff} .pb-recrut-metier-image{position:relative;aspect-ratio:16/10;overflow:hidden} .pb-recrut-metier-image img{display:block;width:100%;height:100%;object-fit:cover} .pb-recrut-metier-content{width:100%;padding:25px 0 0} .pb-recrut-metier-content h3,.pb-vehicule-card-content h3{width:100%;margin:0 0 14px;font-family:var(--pb-font-title);font-size:clamp(21px,1.7vw,28px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--pb-dark)} .pb-recrut-metier-content p,.pb-vehicule-card-content p{width:100%;margin:0;font-size:var(--pb-text-card);line-height:1.6;color:rgba(7,26,58,.78)} @media(max-width:1024px){.pb-groupe-equipe-grid{grid-template-columns:1fr;align-items:start}.pb-groupe-equipe-main{width:100%;min-width:0}.pb-groupe-equipe-aside{position:relative!important;width:100%;min-width:0;margin-top:45px;align-self:auto}.pb-groupe-equipe-contact{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;transform:none!important}} @media(max-width:768px){ .pb-section-recrutement{padding-block:var(--pb-section-pad-s-mobile);} } @media(max-width:700px){ .pb-recrut-metiers{grid-template-columns:1fr;gap:22px;margin-top:45px} .pb-recrut-metier-content{padding:20px 0 0} } /* ================================================== VÉHICULES ================================================== */ .pb-vehicules-intro{--pb-accent:var(--pb-neufs);background:var(--pb-bg);} .pb-vehicules-list{margin-top:var(--pb-gap-lg);column-gap:30px;row-gap:60px;} .pb-vehicule-card{display:block;color:var(--pb-dark);text-decoration:none;} .pb-vehicule-card-image{position:relative;overflow:hidden;} .pb-vehicule-card-image::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(7,26,58,.55);opacity:0;pointer-events:none;transition:opacity .55s var(--pb-ease);} .pb-vehicule-card-image img{transition:transform .8s var(--pb-ease);} .pb-vehicule-card-button{position:absolute;left:50%;top:50%;z-index:2;margin:0;opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 25px));white-space:nowrap;transition:opacity .45s var(--pb-ease),transform .55s var(--pb-ease),background-color .35s var(--pb-ease);} .pb-vehicule-card:hover .pb-vehicule-card-image img{transform:scale(1.04);} .pb-vehicule-card:hover .pb-vehicule-card-image::after{opacity:1;} .pb-vehicule-card:hover .pb-vehicule-card-button{opacity:1;transform:translate(-50%,-50%);} .pb-vehicule-card-content{display:flex;flex-direction:column;align-items:flex-start;} @media(max-width:700px){.pb-vehicules-list{margin-top:45px;row-gap:45px;}.pb-vehicule-card-image::after{opacity:.12;}.pb-vehicule-card-button{opacity:1;transform:translate(-50%,-50%);}} /* ================================================== VOLVO CONNECT ================================================== */ .pb-volvo-connect{background:var(--pb-volvo-connect-bg,#f1f6fe);} .pb-volvo-connect-grid{display:grid;grid-template-columns:1.6fr 380px;gap:100px;align-items:center;} .pb-volvo-connect-content{max-width:760px;} .pb-volvo-connect-content .pb-h2{margin:0 0 28px;} .pb-volvo-connect-content .pb-text-lg{margin:0 0 40px;color:rgba(7,26,58,.78);} .pb-volvo-contact{background:#fff;padding:45px;border:1px solid var(--pb-border-light);box-shadow:var(--pb-shadow-md);text-align:center;} .pb-volvo-avatar{width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:rgba(139,161,185,.25);color:#fff;font-family:var(--pb-font-title);font-size:38px;font-weight:800;display:flex;align-items:center;justify-content:center;} .pb-volvo-name{font-size:30px;font-weight:800;color:var(--pb-dark);margin-bottom:8px;} .pb-volvo-firstname,.pb-volvo-lastname{display:block} .pb-volvo-role{font-size:13px;line-height:.56rem;color:rgba(7,26,58,.6);margin-bottom:28px;} .pb-volvo-phone{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:24px;font-weight:700;color:var(--pb-blue);text-decoration:none;margin-bottom:16px;} .pb-volvo-phone-icon{display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;opacity:.6;-webkit-mask:url('/assets/images/icons/tel.svg?v=2') no-repeat center/contain;mask:url('/assets/images/icons/tel.svg?v=2') no-repeat center/contain} .pb-volvo-phone:hover{opacity:.7;} .pb-volvo-mail{margin-top:12px;font-size:var(--pb-text-sm);color:rgba(7,26,58,.6);} @media(max-width:1024px){ .pb-volvo-connect-grid{grid-template-columns:1fr;gap:50px;} .pb-volvo-contact{max-width:500px;margin:auto;} } /* ================================================== CONTACT — ONGLETS PRINCIPAUX ================================================== */ .pb-contact-wrap{width:100%;} .pb-contact-switch{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 28px;border-bottom:1px solid rgba(7,26,58,.16);}.pb-contact-switch[hidden]{display:none!important;} .pb-contact-switch-button{position:relative;width:100%;min-height:88px;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 30px;border:0;border-right:1px solid rgba(7,26,58,.12);background:transparent;font-family:var(--pb-font-body);font-size:clamp(17px,1.35vw,22px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:rgba(7,26,58,.45);cursor:pointer;transition:color .35s ease,background-color .35s ease;} .pb-contact-switch-button:last-child{border-right:0;} .pb-contact-switch-button span{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--pb-blue);opacity:.45;transition:opacity .35s ease;} .pb-contact-switch-button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--pb-blue);transform:scaleX(0);transform-origin:center;transition:transform .45s cubic-bezier(.22,1,.36,1);} .pb-contact-switch-button:hover{color:var(--pb-dark);background:rgba(0,86,184,.035);} .pb-contact-switch-button:hover span{opacity:.8;} .pb-contact-switch-button.is-active{color:var(--pb-dark);background:rgba(0,86,184,.055);} .pb-contact-switch-button.is-active span{opacity:1;} .pb-contact-switch-button.is-active:after{transform:scaleX(1);} @media(max-width:767px){ .pb-contact-switch{grid-template-columns:1fr;margin-bottom:24px;} .pb-contact-switch-button{min-height:70px;justify-content:flex-start;padding:18px 22px;border-right:0;border-bottom:1px solid rgba(7,26,58,.12);} .pb-contact-switch-button:last-child{border-bottom:0;} } /* ================================================== RETOUR EN HAUT ================================================== */ :root{ --pb-scroll-top-size:40px; --pb-scroll-top-size-mobile:40px; --pb-scroll-top-radius:5px; /* FORME : 50% = rond / 5px = carré arrondi / 0 = carré */ } .pb-scroll-top{position:fixed;right:30px;bottom:var(--pb-scroll-top-bottom,30px);z-index:9998;display:flex;align-items:center;justify-content:center;width:var(--pb-scroll-top-size);height:var(--pb-scroll-top-size);padding:0;background:rgba(255,255,255,.94);border:1px solid transparent;border-radius:var(--pb-scroll-top-radius);box-shadow:0 12px 35px rgba(7,26,58,.18);color:var(--pb-dark);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(28px);transition:opacity .5s var(--pb-ease),transform .5s var(--pb-ease),right .35s var(--pb-ease),bottom .5s var(--pb-ease),background-color .35s var(--pb-ease),color .35s var(--pb-ease),border-color .35s var(--pb-ease),box-shadow .35s var(--pb-ease);} .pb-scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;} .pb-scroll-top-icon{display:flex;width:55%;height:55%;pointer-events:none;} .pb-scroll-top svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .pb-scroll-top:hover{background:var(--pb-blue);color:#fff;} .pb-scroll-top.is-footer{background:transparent;border-color:#fff;box-shadow:none;color:#fff;} .pb-scroll-top.is-footer:hover{background:rgba(255,255,255,.12);} .pb-scroll-top:focus-visible{outline:2px solid var(--pb-blue);outline-offset:4px;} @media(min-width:1025px){.pb-scroll-top{right:max(calc((var(--pb-pad) - var(--pb-scroll-top-size))/2),calc((100vw - var(--pb-container))/2 - (var(--pb-pad) + var(--pb-scroll-top-size))/2));}} @media(max-width:768px){ .pb-scroll-top{--pb-scroll-top-bottom:28px;right:var(--pb-pad);width:var(--pb-scroll-top-size-mobile);height:var(--pb-scroll-top-size-mobile);} } /* ================================================== PAGES LÉGALES ================================================== */ .pb-legal{position:relative;background:var(--pb-bg);color:var(--pb-text);font-family:var(--pb-font-body)} .pb-legal-hero{position:relative;padding:var(--pb-section-pad-l) 0 var(--pb-section-pad-m);background:var(--pb-light-blue);overflow:hidden} .pb-legal-hero .pb-container{position:relative} .pb-legal-kicker{margin:0 0 22px;font-size:var(--pb-text-sm);font-weight:600;line-height:1.2;letter-spacing:.28em;text-transform:uppercase;color:var(--pb-accent)} .pb-legal-title{max-width:1100px;margin:0;font-family:var(--pb-font-title);font-size:clamp(3rem,7vw,var(--pb-title-xl));font-weight:700;line-height:.96;letter-spacing:-.045em;color:var(--pb-dark)} .pb-legal-title-mask,.pb-legal-card-title-mask{display:block;overflow:hidden;padding-bottom:.08em} .pb-legal-title-inner{display:block} .pb-legal-intro{max-width:720px;margin:35px 0 0;font-size:var(--pb-text-lg);font-weight:400;line-height:1.65;color:rgba(7,26,58,.72)} .pb-legal-update{margin:24px 0 0;font-size:var(--pb-text-sm);line-height:1.5;color:rgba(7,26,58,.5)} .pb-legal-content{position:relative;padding:var(--pb-section-pad-m) 0 var(--pb-section-pad-l);background:var(--pb-bg)} .pb-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--pb-gap-xl);row-gap:0} .pb-legal-card{position:relative;padding:45px 0 55px;border-top:1px solid var(--pb-border)} .pb-legal-card:nth-child(-n+2){border-top-color:var(--pb-dark)} .pb-legal-card-title{margin:0 0 28px;font-family:var(--pb-font-title);font-size:var(--pb-title-md);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--pb-dark)} .pb-legal-card-title-inner{display:block} .pb-legal-card-content{max-width:620px;font-size:var(--pb-text-md);font-weight:400;line-height:1.75;color:rgba(7,26,58,.76)} .pb-legal-card-content>*:first-child{margin-top:0} .pb-legal-card-content>*:last-child{margin-bottom:0} .pb-legal-card-content p{margin:0 0 22px} .pb-legal-card-content ul{margin:0 0 24px;padding:0;list-style:none} .pb-legal-card-content li{position:relative;margin:0 0 10px;padding-left:20px} .pb-legal-card-content li::before{content:"";position:absolute;top:.75em;left:0;width:5px;height:5px;background:var(--pb-blue);transform:translateY(-50%)} .pb-legal-card-content strong{font-weight:600;color:var(--pb-dark)} .pb-legal-card-content a{position:relative;color:var(--pb-blue);text-decoration:none;transition:opacity var(--pb-speed) var(--pb-ease)} .pb-legal-card-content a:hover{opacity:.62} .pb-legal-card-content address{font-style:normal} .pb-legal-editor{max-width:1000px;margin:0 auto;font-size:var(--pb-text-md);line-height:1.75;color:rgba(7,26,58,.76)} .pb-legal-editor h2{margin:65px 0 25px;font-family:var(--pb-font-title);font-size:var(--pb-title-md);line-height:1.12;color:var(--pb-dark)} .pb-legal-editor h2:first-child{margin-top:0} .pb-legal-editor p{margin:0 0 22px} .pb-legal-editor a{color:var(--pb-blue);text-decoration:none} .pb-legal-empty{padding:50px 0;border-top:1px solid var(--pb-border)} .pb-legal-empty h2{margin:0 0 15px;font-family:var(--pb-font-title);font-size:var(--pb-title-md);color:var(--pb-dark)} .pb-legal-empty p{margin:0;font-size:var(--pb-text-md);color:rgba(7,26,58,.7)} @media(max-width:1024px){.pb-legal-hero{padding:var(--pb-section-pad-m) 0 var(--pb-section-pad-s)}.pb-legal-content{padding:var(--pb-section-pad-s) 0 var(--pb-section-pad-m)}.pb-legal-grid{column-gap:var(--pb-gap-md)}} @media(max-width:767px){.pb-legal-hero{padding:var(--pb-section-pad-s) 0}.pb-legal-title{font-size:clamp(2.7rem,13vw,4.5rem)}.pb-legal-intro{margin-top:25px;font-size:var(--pb-text-md)}.pb-legal-content{padding:var(--pb-section-pad-s) 0}.pb-legal-grid{grid-template-columns:1fr}.pb-legal-card{padding:36px 0 42px}.pb-legal-card:nth-child(2){border-top-color:var(--pb-border)}.pb-legal-card-title{margin-bottom:22px;font-size:var(--pb-title-sm)}.pb-legal-card-content{font-size:var(--pb-text-sm);line-height:1.75}}