/**
 * ============================================================
 * DRIVER & BUTLER — z-website.css
 * CSS centralisé site web — SOURCE UNIQUE DE VÉRITÉ
 * V3.0 — 2026-05-15 16:00 : max-width 1440px, 100% standalone
 * ============================================================
 * Palette validée :
 *   #284962  bleu principal
 *   #731C2D  rouge urgence / top bar / accent
 *   #BD9D70  gold
 *   #ffffff  blanc
 *   #f5efe6  gold clair (fond partenaires)
 *
 * RÈGLE ABSOLUE :
 *   Ce fichier est la SEULE source CSS du site.
 *   Aucun <style> ni style="" dans les fichiers PHP du site.
 * ============================================================
 */

/* ── 0. VARIABLES ─────────────────────────────────────────── */
:root {
    --db-blue:     #284962;
    --db-red:      #731C2D;
    --db-gold:     #BD9D70;
    --db-gold-lt:  #d4b98a;
    --db-gold-br:  #f0d898;
    --db-gold-bg:  #f5efe6;
    --db-white:    #ffffff;
    --db-offwhite: #f8f6f2;
    --db-green:    #22c55e;
    --db-radius:   8px;
    --db-gap:      6px;
    --db-max:      1440px;
    --db-font:     'Montserrat', sans-serif;
}

/* ── 1. RESET ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; font-family: var(--db-font); background: #ffffff; color: var(--db-blue); -webkit-font-smoothing: antialiased; }
img  { max-width: 100%; height: auto; display: block; }
a    { color: var(--db-gold); text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
button { font-family: var(--db-font); }

/* ── 2. LAYOUT ────────────────────────────────────────────── */
/* 24px au-dessus du content (sous header) et en-dessous (avant footer) */
.db-main-wrapper { width: 100%; min-height: calc(100vh - 220px); background: #ffffff; padding: 24px 0; }
#db-main { margin-bottom: 24px; }
.db-main-inner   { max-width: var(--db-max); margin: 0 auto; padding: 0 24px; }

/* Searchbox home — flush, pas de padding latéral ni vertical */
.db-main-inner:has(.db-sb-wrapper) { padding: 0; }

/* ── 3. HEADER ────────────────────────────────────────────── */
.db-header-container {
    position: sticky; top: 0; z-index: 9999;
    width: 100%; background: #ffffff;
    font-family: var(--db-font);
    animation: db-hdr-in 0.6s ease both;
}
@keyframes db-hdr-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }

/* Inner : fond bleu bridé à 1440px */
.db-header-inner { max-width: var(--db-max); margin: 0 auto; background: var(--db-blue); box-shadow: 0 4px 20px rgba(0,0,0,0.15); }

/* TOP BAR ROUGE */
.db-row-contact {
    background: var(--db-red);
    display: flex; justify-content: space-between; align-items: center;
    padding: 7px 22px; position: relative; overflow: hidden;
}
.db-row-contact::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(105deg,transparent 32%,rgba(240,216,152,.15) 42%,rgba(255,233,160,.30) 50%,rgba(240,216,152,.15) 58%,transparent 68%);
    background-size: 250% 100%; background-position: 200% 0;
    animation: db-gold-brush 3.5s cubic-bezier(.4,0,.2,1) infinite;
    pointer-events: none;
}
@keyframes db-gold-brush {
    0%   { background-position:200% 0; opacity:0; }
    8%   { opacity:1; }
    50%  { background-position:-80% 0; opacity:1; }
    75%  { opacity:0; }
    100% { background-position:-80% 0; opacity:0; }
}
.db-row-contact > * { position: relative; z-index: 1; }
.db-contact-link-top  { color:rgba(255,255,255,.88); font-size:10px; font-weight:600; text-decoration:none; letter-spacing:.3px; display:flex; align-items:center; gap:5px; }
.db-icon-mail         { color: var(--db-gold-lt); }
.db-emergency-info    { display:flex; align-items:center; gap:5px; }
.db-emergency-label   { color:var(--db-gold-br); font-size:10px; font-weight:700; letter-spacing:.5px; }
.db-emergency-num-top { color:rgba(255,255,255,.92); font-size:10px; font-weight:800; text-decoration:none; }

/* BRANDING BLANC */
.db-white-block  { margin:var(--db-gap) var(--db-gap) 0; border-radius:var(--db-radius); background:var(--db-white); border-bottom:3px solid var(--db-gold); }
.db-row-branding { display:flex; justify-content:space-between; align-items:center; padding:14px 22px; }
.db-brand-left   { display:flex; align-items:center; gap:18px; }
.db-logo-link    { display:inline-block; }
.db-main-logo    { width:200px; height:auto; transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
.db-logo-link:hover .db-main-logo { transform:scale(1.03); }
.db-brand-tagline { color:var(--db-blue); font-size:9px; font-weight:700; letter-spacing:1.5px; border-left:2px solid var(--db-gold); padding-left:12px; line-height:1.5; }
.db-header-right { display:flex; align-items:center; gap:10px; }

/* BOUTONS PWA / ACCOUNT */
.db-pwa-btn,
.db-account-btn {
    display:flex; align-items:center; gap:8px;
    background:var(--db-offwhite); color:var(--db-blue);
    border:1.5px solid rgba(189,157,112,.35); border-radius:var(--db-radius);
    padding:8px 14px; cursor:pointer;
    font-family:var(--db-font); font-weight:700; font-size:10px;
    text-decoration:none; white-space:nowrap;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s, border-color .25s, background .25s;
}
.db-pwa-btn:hover,
.db-account-btn:hover { background:var(--db-white); border-color:var(--db-gold); transform:translateY(-2px) scale(1.01); box-shadow:0 5px 16px rgba(189,157,112,.25); }
.db-pwa-btn svg, .db-account-btn svg { flex-shrink:0; color:var(--db-blue); }
.db-pwa-btn-text { display:flex; flex-direction:column; line-height:1.2; }
.db-pwa-btn-sub  { font-size:8px; font-weight:500; color:var(--db-gold); letter-spacing:.5px; }
.db-pwa-btn-main { font-size:11px; font-weight:800; color:var(--db-blue); }

/* NAV DESKTOP */
.db-row-nav { display:flex; justify-content:center; padding:0 10px; background:var(--db-blue); }
.db-ul-clean { display:flex; list-style:none; margin:0; padding:0; align-items:stretch; width:100%; justify-content:space-between; }
.db-li-inline { display:inline-flex; align-items:center; position:relative; }
.db-li-inline a { color:rgba(255,255,255,.85); font-size:9.5px; font-weight:700; text-decoration:none; padding:12px 7px; letter-spacing:.4px; position:relative; transition:color .25s; white-space:nowrap; }
.db-li-inline a::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:var(--db-gold); transition:width .3s, left .3s; }
.db-li-inline a:hover { color:var(--db-gold); text-decoration:none; }
.db-li-inline a:hover::after { width:100%; left:0; }
.db-menu-gold, .db-li-inline a.db-menu-gold { color:var(--db-gold); font-weight:800; }
.db-li-inline a.db-menu-gold::after { width:100%; left:0; }
.db-menu-green, .db-li-inline a.db-menu-green, .db-mobile-ul li a.db-menu-green { color:var(--db-green); font-weight:800; text-shadow:0 0 10px rgba(34,197,94,.3); }
.db-li-inline a.db-menu-green::after { background:var(--db-green); }
.db-menu-red, .db-li-inline a.db-menu-red { color:#ff6655; font-weight:800; }
.db-divider { width:1px; height:14px; background:rgba(189,157,112,.2); align-self:center; }

/* SOUS-MENUS */
.db-sub-menu { position:absolute; top:100%; left:0; background:var(--db-white); min-width:200px; display:none; box-shadow:0 12px 32px rgba(40,73,98,.18); border-top:2px solid var(--db-gold); border-radius:0 0 var(--db-radius) var(--db-radius); z-index:10000; padding:6px 0; opacity:0; transform:translateY(-4px); transition:opacity .2s, transform .2s; pointer-events:none; }
.db-sub-menu li { opacity:0; transform:translateX(-4px); }
.db-has-sub:hover .db-sub-menu { display:block; opacity:1; transform:translateY(0); pointer-events:auto; }
.db-has-sub:hover .db-sub-menu li { animation:db-sub-li .2s ease forwards; }
.db-has-sub:hover .db-sub-menu li:nth-child(1) { animation-delay:.03s; }
.db-has-sub:hover .db-sub-menu li:nth-child(2) { animation-delay:.08s; }
.db-has-sub:hover .db-sub-menu li:nth-child(3) { animation-delay:.13s; }
.db-has-sub:hover .db-sub-menu li:nth-child(4) { animation-delay:.18s; }
.db-has-sub:hover .db-sub-menu li:nth-child(5) { animation-delay:.23s; }
@keyframes db-sub-li { to { opacity:1; transform:translateX(0); } }
.db-sub-menu li a { padding:10px 20px; display:block; font-size:11px; font-weight:600; color:var(--db-blue); text-decoration:none; transition:background .15s, padding-left .2s, color .15s; border-left:2px solid transparent; }
.db-sub-menu li a:hover { background:var(--db-offwhite); color:var(--db-gold); padding-left:26px; border-left-color:var(--db-gold); text-decoration:none; }


/* BANDE PARTENAIRES */
.db-row-partners   { background:var(--db-gold-bg); margin:0 var(--db-gap); border-radius:0 0 var(--db-radius) var(--db-radius); border-top:1px solid rgba(189,157,112,.25); }
.db-row-icons-full { display:flex; justify-content:space-between; align-items:center; height:62px; padding:0 22px; }
.db-img-icon { height:42px; width:auto; object-fit:contain; opacity:0; animation:db-icon-in .5s ease forwards; transition:opacity .3s, transform .3s; display:block; border-radius:6px; }
.db-img-icon:hover { opacity:1 !important; transform:scale(1.1); }
.db-row-icons-full .db-img-icon:nth-child(1){animation-delay:.08s}
.db-row-icons-full .db-img-icon:nth-child(2){animation-delay:.16s}
.db-row-icons-full .db-img-icon:nth-child(3){animation-delay:.24s}
.db-row-icons-full .db-img-icon:nth-child(4){animation-delay:.32s}
.db-row-icons-full .db-img-icon:nth-child(5){animation-delay:.40s}
.db-row-icons-full .db-img-icon:nth-child(6){animation-delay:.48s}
.db-row-icons-full .db-img-icon:nth-child(7){animation-delay:.56s}
.db-row-icons-full .db-img-icon:nth-child(8){animation-delay:.64s}
@keyframes db-icon-in { to { opacity:.78; } }

/* GOLD STRIP */
.db-gold-strip-wrap { overflow:hidden; }
.db-gold-strip { height:3px; background:linear-gradient(90deg,var(--db-blue) 0%,var(--db-gold) 30%,var(--db-gold-br) 50%,var(--db-gold) 70%,var(--db-blue) 100%); background-size:200% 100%; animation:db-strip 4s ease infinite; }
@keyframes db-strip { 0%{background-position:100% 0}100%{background-position:-100% 0} }

/* TOAST PWA */
.db-pwa-toast { position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(100px); background:var(--db-blue); color:#fff; border:2px solid var(--db-gold); border-radius:var(--db-radius); padding:14px 24px; font-family:var(--db-font); font-size:13px; font-weight:600; z-index:99999; transition:transform .4s ease; text-align:center; max-width:340px; width:90%; }
.db-pwa-toast.show { transform:translateX(-50%) translateY(0); }
.db-wa-seo-hidden { display:none; visibility:hidden; }

/* MOBILE HEADER */
.db-pwa-mobile { display:none; width:100%; justify-content:center; gap:8px; padding:8px 15px; background:var(--db-offwhite); border-bottom:1px solid rgba(189,157,112,.2); }
.db-menu-checkbox, .db-sub-toggle { display:none; }
.db-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:10px; }
.db-hamburger span { display:block; width:24px; height:2.5px; background:var(--db-blue); border-radius:3px; transition:transform .3s, opacity .3s; }
.db-mobile-menu { position:absolute; top:100%; left:0; width:100%; background:var(--db-white); max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.4,0,.2,1); box-shadow:0 10px 24px rgba(0,0,0,.1); z-index:10000; }
#db-menu-toggle:checked ~ .db-mobile-menu { max-height:1400px; border-top:2px solid var(--db-gold); }
#db-menu-toggle:checked ~ .db-hamburger span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
#db-menu-toggle:checked ~ .db-hamburger span:nth-child(2) { opacity:0; }
#db-menu-toggle:checked ~ .db-hamburger span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }
.db-mobile-ul { list-style:none; padding:20px; margin:0; }
.db-mobile-ul li a, .db-mobile-label { color:var(--db-blue); text-decoration:none; font-weight:700; font-size:14px; display:block; padding:12px 0; border-bottom:1px solid #f0f0f0; cursor:pointer; }
.db-mobile-ul li a.db-menu-gold  { color:var(--db-gold); font-weight:800; }
.db-mobile-ul li a.db-menu-green { color:var(--db-green); }
.db-mobile-label.db-menu-red     { color:#ff6655; }
.db-mobile-sub { max-height:0; overflow:hidden; list-style:none; padding-left:15px; transition:max-height .3s; }
.db-sub-toggle:checked ~ .db-mobile-sub { max-height:500px; padding-bottom:10px; }
.db-arrow-gold { color:var(--db-gold); }
.db-mobile-cta-row { padding:14px 0; display:flex; gap:8px; }
.db-btn-full { flex:1; justify-content:center; font-size:10px; }

/* ── 4. SEARCHBOX ─────────────────────────────────────────── */
.db-sb-wrapper { width:100%; font-family:var(--db-font); box-sizing:border-box; }
.db-sb-card    { max-width:var(--db-max); margin:0 auto; background:var(--db-blue); border-radius:var(--db-radius); overflow:hidden; box-shadow:0 8px 32px rgba(40,73,98,.18); }

.db-sb-top { background:var(--db-blue); padding:24px 32px 0; position:relative; overflow:hidden; }
.db-sb-top::after { content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 32%,rgba(240,216,152,.12) 42%,rgba(255,233,160,.28) 50%,rgba(240,216,152,.12) 58%,transparent 68%); background-size:250% 100%; background-position:200% 0; animation:db-gold-brush 4s cubic-bezier(.4,0,.2,1) infinite; pointer-events:none; }

.db-sb-title { font-size:20px; font-weight:800; color:var(--db-gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:20px; position:relative; z-index:1; }

.db-steps-bar { display:flex; align-items:stretch; position:relative; z-index:1; }
.db-step-tab  { flex:1; padding:12px 16px; display:flex; align-items:center; gap:10px; border-radius:var(--db-radius) var(--db-radius) 0 0; transition:background .25s, opacity .25s; }
.db-step-tab.active   { background:rgba(255,255,255,.08); border-bottom:3px solid var(--db-gold); }
.db-step-tab.done     { background:rgba(255,255,255,.04); cursor:pointer; }
.db-step-tab.inactive { background:transparent; opacity:.4; }

.db-step-num { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; flex-shrink:0; border:2px solid var(--db-gold); color:var(--db-gold); background:transparent; transition:all .25s; }
.db-step-tab.active .db-step-num,
.db-step-tab.done   .db-step-num { background:var(--db-gold); color:var(--db-blue); border-color:var(--db-gold); }

.db-step-info  { display:flex; flex-direction:column; }
.db-step-label { font-size:9px; font-weight:600; color:rgba(255,255,255,.5); letter-spacing:.8px; text-transform:uppercase; }
.db-step-name  { font-size:12px; font-weight:800; color:#fff; letter-spacing:.3px; }
.db-step-tab.active .db-step-label,
.db-step-tab.done   .db-step-label { color:var(--db-gold); }
.db-step-sep { width:1px; background:rgba(255,255,255,.1); align-self:stretch; margin:8px 0; }

.db-sb-body    { padding:28px 32px 32px; }
.db-sb-section { background:rgba(255,255,255,.06); border:1px solid rgba(189,157,112,.2); border-radius:var(--db-radius); padding:20px 24px; margin-bottom:16px; }
.db-sb-section-title { font-size:10px; font-weight:700; color:var(--db-gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.db-sb-section-title::after { content:''; flex:1; height:1px; background:rgba(189,157,112,.25); }

.db-section-row { margin-bottom:16px; }
.db-g2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.db-g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.db-g4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.db-group { position:relative; }

.db-lbl { font-size:10px; font-weight:700; color:var(--db-gold-lt); text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; display:block; }

.db-field-wrap { position:relative; display:flex; align-items:center; }
.db-field-wrap-gap { gap:8px; }
.db-field { width:100%; height:44px; background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.15); border-radius:var(--db-radius); padding:0 44px 0 14px; color:#fff; font-size:13px; font-weight:600; font-family:var(--db-font); transition:border-color .2s, background .2s; box-sizing:border-box; }
.db-field::placeholder { color:rgba(255,255,255,.3); font-weight:400; font-size:12px; }
.db-field:focus { outline:none; border-color:var(--db-gold); background:rgba(255,255,255,.1); }
.db-field-full { padding-right:14px; }

.db-field-icon { position:absolute; right:10px; width:28px; height:28px; background:var(--db-gold); border-radius:50%; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; transition:background .2s, transform .2s; }
.db-field-icon:hover { background:var(--db-gold-lt); transform:scale(1.08); }
.db-field-icon svg { width:14px; height:14px; fill:var(--db-blue); }
.no-click { pointer-events:none; }

.db-suggestions { position:absolute; top:50px; left:0; width:100%; background:#fff; color:var(--db-blue); border-radius:var(--db-radius); z-index:999; display:none; box-shadow:0 10px 25px rgba(0,0,0,.2); border:1px solid var(--db-gold); max-height:220px; overflow-y:auto; }
.db-sug-item { padding:11px 15px; cursor:pointer; border-bottom:1px solid #eee; font-size:12px; font-weight:600; }
.db-sug-item:hover { background:#f5f0e8; color:var(--db-blue); }

.db-counter { height:44px; background:#fff; border-radius:var(--db-radius); display:flex; align-items:center; justify-content:space-between; padding:0 10px; }
.db-cnt-btn { width:28px; height:28px; background:var(--db-gold); border:none; border-radius:50%; color:var(--db-blue); font-size:16px; font-weight:900; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s, transform .15s; font-family:var(--db-font); }
.db-cnt-btn:hover { background:var(--db-gold-lt); transform:scale(1.1); }
.db-cnt-val { color:var(--db-blue); font-weight:800; font-size:15px; }

.db-check-wrap { height:44px; background:#fff; border-radius:var(--db-radius); display:flex; align-items:center; justify-content:center; }
.db-custom-check { width:24px; height:24px; border:2px solid var(--db-gold); border-radius:4px; cursor:pointer; position:relative; display:flex; align-items:center; justify-content:center; transition:background .2s; }
#meet_greet:checked + .db-custom-check { background:var(--db-gold); }
#meet_greet:checked + .db-custom-check::after { content:'✓'; position:absolute; color:#fff; font-weight:800; font-size:13px; }

.db-stops-container { margin-top:12px; }
.db-stop-row { margin-bottom:10px; }
.db-stop-remove { flex-shrink:0; width:32px; height:32px; background:var(--db-red); border:none; border-radius:50%; color:#fff; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; }

.db-comments-row { margin-top:16px; }

.db-btn-white { height:44px; padding:0 28px; background:#fff; border:2px solid #fff; border-radius:var(--db-radius); color:var(--db-blue); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.8px; cursor:pointer; font-family:var(--db-font); white-space:nowrap; transition:background .25s, border-color .25s, color .25s, transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s; }
.db-btn-white:hover { background:var(--db-gold); border-color:var(--db-gold); color:#fff; transform:translateY(-2px); box-shadow:0 6px 18px rgba(189,157,112,.35); }
.db-btn-white:disabled { opacity:.4; cursor:not-allowed; transform:none; }

.db-btn-outline { height:44px; padding:0 24px; background:transparent; border:1.5px solid rgba(255,255,255,.3); border-radius:var(--db-radius); color:#fff; font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.8px; cursor:pointer; font-family:var(--db-font); transition:border-color .2s, background .2s; }
.db-btn-outline:hover { border-color:var(--db-gold); background:rgba(189,157,112,.08); }

.db-add-stop { background:transparent; border:1.5px dashed rgba(255,255,255,.4); border-radius:var(--db-radius); color:#fff; font-size:11px; font-weight:700; padding:8px 18px; cursor:pointer; font-family:var(--db-font); text-transform:uppercase; letter-spacing:.5px; display:inline-block; margin-top:12px; transition:background .25s, border-color .25s, color .25s, transform .2s; }
.db-add-stop:hover { background:var(--db-gold); border-color:var(--db-gold); color:#fff; transform:translateY(-1px); }

.db-veh-card { background:rgba(255,255,255,.05); border:1.5px solid rgba(255,255,255,.15); padding:24px; border-radius:var(--db-radius); cursor:pointer; text-align:center; transition:border-color .25s, background .25s, transform .25s; }
.db-veh-card:hover { border-color:var(--db-gold); transform:translateY(-2px); }
.db-veh-card.selected { border:2px solid var(--db-gold); background:#fff; }
.db-veh-card.selected .db-veh-label { color:var(--db-blue); }
.db-veh-label { font-weight:800; font-size:16px; text-transform:uppercase; color:#fff; }
.db-veh-sub   { font-size:12px; color:var(--db-gold); margin-top:6px; }

.db-summary-box { background:rgba(255,255,255,.04); border:1px dashed rgba(189,157,112,.4); border-radius:var(--db-radius); padding:30px 36px; }
.db-price-loader { color:rgba(255,255,255,.6); font-size:14px; text-align:center; padding:20px; }
.db-price-display { font-size:52px; font-weight:800; color:var(--db-gold); text-align:center; margin:16px 0 6px; }
.db-price-incl { font-size:16px; color:var(--db-gold); }
.db-invoice-section { text-align:left; margin-bottom:16px; }
.db-invoice-line { display:flex; justify-content:space-between; align-items:center; font-size:13px; margin-bottom:5px; color:#fff; opacity:.9; }
.db-invoice-label { opacity:.8; }
.db-invoice-sub { display:flex; justify-content:space-between; font-size:11px; color:rgba(255,255,255,.5); margin-bottom:4px; padding-left:12px; }
.db-invoice-sep { border:none; border-top:1px dashed rgba(189,157,112,.3); margin:12px 0; }
.db-tva-recap { font-size:12px; color:rgba(255,255,255,.55); margin-top:6px; text-align:center; }
.db-route-info { text-align:center; font-size:13px; color:var(--db-gold); margin-top:12px; }

.db-actions     { display:flex; justify-content:flex-end; gap:12px; margin-top:8px; }
.db-actions-gap { gap:12px; }

.db-sb-strip { height:3px; background:linear-gradient(90deg,var(--db-blue) 0%,var(--db-gold) 30%,var(--db-gold-br) 50%,var(--db-gold) 70%,var(--db-blue) 100%); background-size:200% 100%; animation:db-strip 4s ease infinite; }

.custom-native::-webkit-calendar-picker-indicator { position:absolute; right:0; width:100%; height:100%; opacity:0; cursor:pointer; }

/* ── 5. FOOTER ────────────────────────────────────────────── */
.db-footer-wrapper { width:100%; background:#ffffff; }
.db-footer-inner   { max-width:var(--db-max); margin:0 auto; background:var(--db-blue); overflow:hidden; animation:db-ft-in .7s ease both; }
@keyframes db-ft-in { from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)} }

/* Trust bar */
.db-footer-trust { margin:var(--db-gap) var(--db-gap) 0; border-radius:var(--db-radius); background:var(--db-white); }
.db-trust-inner  { display:flex; align-items:center; justify-content:space-between; padding:8px 18px; gap:14px; }
.db-trust-img    { height:auto; display:block; flex-shrink:0; transition:transform .3s, filter .3s; }
.db-trust-img:hover { transform:scale(1.04); filter:brightness(1.05); }
.db-trust-img-sectigo { width:120px; }
.db-trust-img-stripe  { width:170px; }
.db-vsep { width:1px; height:26px; background:rgba(189,157,112,.25); flex-shrink:0; }

/* Icônes sociales */
.db-share-inner { display:flex; gap:7px; align-items:center; }
.db-social-icon {
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--db-gold); border:2px solid var(--db-gold);
    text-decoration:none;
    opacity:0; animation:db-icon-in .4s ease forwards;
    transition:background .25s, border-color .25s, transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;
}
.db-share-inner .db-social-icon:nth-child(1){animation-delay:.05s}
.db-share-inner .db-social-icon:nth-child(2){animation-delay:.10s}
.db-share-inner .db-social-icon:nth-child(3){animation-delay:.15s}
.db-share-inner .db-social-icon:nth-child(4){animation-delay:.20s}
.db-share-inner .db-social-icon:nth-child(5){animation-delay:.25s}
.db-share-inner .db-social-icon:nth-child(6){animation-delay:.30s}
.db-social-icon::before { color:var(--db-blue); font-size:12px; font-weight:800; font-family:var(--db-font); }
.db-social-icon:hover { background:transparent; border-color:var(--db-gold); transform:translateY(-3px) scale(1.1); box-shadow:0 6px 16px rgba(189,157,112,.3); }
.db-social-icon:hover::before { color:var(--db-gold); }
.icon-twitter::before   { content:"𝕏"; font-size:13px; }
.icon-instagram::before { content:"IG"; font-size:11px; }
.icon-facebook::before  { content:"FB"; font-size:11px; }
.icon-linkedin::before  { content:"IN"; font-size:11px; }
.icon-email::before     { content:"@"; font-size:14px; }
.icon-print::before     { content:"⎙"; font-size:13px; }

/* Copyright */
.db-copyright-inner { padding:16px 22px 22px; margin:0 var(--db-gap); }
.db-legal-text { font-size:11px; line-height:1.7; color:rgba(255,255,255,.82); text-align:justify; }
.db-legal-link { color:var(--db-gold-lt); text-decoration:none; border-bottom:1px solid transparent; transition:opacity .2s; }
.db-legal-link:hover { opacity:.85; border-bottom-color:var(--db-gold-lt); }
.db-footer-seo-hidden { display:none; visibility:hidden; }

/* ── 6. PAGES GÉNÉRIQUES ─────────────────────────────────── */
.db-404 { text-align:center; padding:120px 20px; }
.db-404 h1 { font-size:96px; font-weight:800; color:var(--db-gold); line-height:1; margin-bottom:16px; }
.db-404 p  { font-size:18px; font-weight:600; margin-bottom:24px; opacity:.7; }
.db-404 a  { display:inline-block; padding:12px 28px; background:var(--db-blue); color:#fff; border-radius:var(--db-radius); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.8px; transition:background .25s, transform .2s; }
.db-404 a:hover { background:var(--db-gold); text-decoration:none; transform:translateY(-2px); }
.db-page-error { text-align:center; padding:60px 20px; color:var(--db-red); font-weight:700; font-size:14px; background:#fff3f3; border:1px dashed var(--db-red); border-radius:var(--db-radius); margin:40px auto; max-width:600px; }

/* ── 7. RESPONSIVE ───────────────────────────────────────── */
@media (max-width:1024px) {
    .db-desktop-only  { display:none !important; }
    .db-brand-tagline { display:none; }
    .db-row-branding  { flex-direction:column; padding:0; }
    .db-header-right  { display:none; }
    .db-pwa-mobile    { display:flex; }
    .db-brand-left    { width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:8px 16px; }
    .db-main-logo     { width:140px; }
    .db-hamburger     { display:flex; }
    .db-row-contact   { flex-direction:column; align-items:center; gap:4px; padding:8px 16px; }
    .db-row-icons-full { flex-wrap:wrap; height:auto; padding:8px 12px; justify-content:center; gap:8px; }
    .db-img-icon      { height:30px; }
    .db-white-block,
    .db-row-partners  { margin:0; border-radius:0; }
    .db-trust-inner   { flex-wrap:wrap; justify-content:center; gap:12px; padding:14px; }
    .db-vsep          { display:none; }
    .db-trust-img-stripe  { width:150px; }
    .db-trust-img-sectigo { width:110px; }
    .db-legal-text    { font-size:10px; }
    .db-copyright-inner { padding:14px 16px 18px; margin:0; }
    .db-social-icon   { width:30px; height:30px; }
}

@media (max-width:768px) {
    .db-main-inner  { padding:0 12px; }
    .db-g2, .db-g3, .db-g4 { grid-template-columns:1fr; }
    .db-sb-body     { padding:20px 16px 24px; }
    .db-sb-top      { padding:16px 16px 0; }
    .db-summary-box { padding:20px 16px; }
    .db-price-display { font-size:38px; }
    .db-actions     { flex-direction:column; }
    .db-btn-white,
    .db-btn-outline { width:100%; text-align:center; }
    .db-step-tab    { flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px 4px; gap:4px; }
    .db-step-info   { align-items:center; }
    .db-step-label  { font-size:8px; }
    .db-step-name   { font-size:9px; letter-spacing:0; white-space:nowrap; }
    .db-step-num    { width:24px; height:24px; font-size:11px; }
    .db-step-sep    { display:none; }
}

@media (max-width:480px) {
    .db-main-inner { padding:0 8px; }
}<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Driver &amp; Butler — Premium Chauffeur Service</title>
    <meta name="description" content="Service VTC premium en France et en Europe. Chauffeur privé Nantes, aéroport, longue distance.">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.driverandbutler.com/sitemap.xml">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
        <link rel="stylesheet" href="https://www.driverandbutler.com/global/website/z-website.css?v=V2.2">
        
    <style>
        #db-main:not(.db-webapp-main) {
            margin-bottom: 24px !important;
        }
    </style>
</head>
<body class="db-site">


<main id="db-main" class="db-main-wrapper">
    <div class="db-main-inner">
        <div class="db-404"><h1>404</h1><p>Page introuvable</p><a href="/">← Retour</a></div>    </div>
</main>


<div class="db-footer-wrapper">
    <div class="db-footer-inner">

        <div class="db-gold-strip"></div>

        <div class="db-footer-trust">
            <div class="db-trust-inner">

                <img
                    src="https://www.driverandbutler.com/assets/images/Sectigo_trust_seal_thumbnail-1024x599.jpg"
                    alt="Sectigo Trust Seal"
                    class="db-trust-img db-trust-img-sectigo"
                    loading="lazy"
                >

                <div class="db-vsep"></div>

                <div class="db-share-inner">
                    <a href="https://twitter.com/intent/tweet?url=https://www.driverandbutler.com" target="_blank" rel="noopener" class="db-social-icon icon-twitter" title="Twitter" aria-label="Partager sur Twitter"></a>
                    <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.driverandbutler.com" target="_blank" rel="noopener" class="db-social-icon icon-facebook" title="Facebook" aria-label="Partager sur Facebook"></a>
                </div>

                <div class="db-vsep"></div>

                <img
                    src="https://www.driverandbutler.com/assets/images/Stripe-Payment-Logo.png"
                    alt="Stripe Certified"
                    class="db-trust-img db-trust-img-stripe"
                    loading="lazy"
                >

            </div>
        </div>

        <div class="db-footer-links-grid">
            <div class="db-f-col">
                <div class="db-f-title">DRIVER &amp; BUTLER</div>
                <p class="db-f-desc">
                    High-end private chauffeur service based in Nantes. Intercity transfers, airport shuttles, and customized business or private events.
                </p>
            </div>
            <div class="db-f-col">
                <div class="db-f-title">USEFUL LINKS</div>
                <ul class="db-f-list">
                    <li><a href="https://www.driverandbutler.com/about-us">About Our Company</a></li>
                    <li><a href="https://www.driverandbutler.com/services">Our Tailored Services</a></li>
                    <li><a href="https://www.driverandbutler.com/fleet">Explore Our Luxury Fleet</a></li>
                    <li><a href="https://www.driverandbutler.com/faq">Frequently Asked Questions</a></li>
                </ul>
            </div>
            <div class="db-f-col">
                <div class="db-f-title">LEGAL &amp; PRIVACY</div>
                <ul class="db-f-list">
                    <li><a href="https://www.driverandbutler.com/legal-notices-2">Legal Notices</a></li>
                    <li><a href="https://www.driverandbutler.com/general-terms-and-conditions">Terms &amp; Conditions</a></li>
                    <li><a href="https://www.driverandbutler.com/privacy">Privacy Policy (GDPR)</a></li>
                    <li><a href="https://www.driverandbutler.com/contact-us">Support &amp; Contact</a></li>
                </ul>
            </div>
        </div>

        <div class="db-footer-legal-notices">
            <p class="db-legal-text">
                &copy; 2026 DRIVER &amp; BUTLER. All rights reserved. Intellectual property notice: The structural architecture, layout designs, algorithmic processing, and customized frontend interfaces implemented within this web application framework are exclusively owned or legally licensed. 
                Governed by the French Intellectual Property Code :
                <a href="https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006278829/" target="_blank" rel="nofollow" class="db-legal-link">Article L.111-1</a>,
                <a href="https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006278879/" target="_blank" rel="nofollow" class="db-legal-link">Article L.122-4</a> and
                <a href="https://www.legifrance.gouv.fr/codes/section_lc/LEGITEXT000006069414/LEGISCTA000006161650/" target="_blank" rel="nofollow" class="db-legal-link">Articles L.335-2 ff</a>.
                Also protected under
                <a href="https://www.wipo.int/treaties/fr/ip/berne/" target="_blank" rel="nofollow" class="db-legal-link">Berne Convention</a> and
                <a href="https://eur-lex.europa.eu/legal-content/FR/TXT/?uri=CELEX%3A32019L0790" target="_blank" rel="nofollow" class="db-legal-link">EU Copyright Directive 2019/790</a>.
            </p>
        </div>

        <div class="db-footer-seo-hidden" aria-hidden="true">
            Chauffeur privé Nantes, chauffeur VTC Loire-Atlantique, transfert aéroport de Nantes Atlantique, navette gare de Nantes, alternative taxi luxe Nantes, Driver Butler service premium.
        </div>

        <div class="db-footer-seo-sitemap-accordion">
            <details class="db-seo-details">
                <summary class="db-seo-summary">Local Chauffeur Services Directory</summary>
                <div class="db-seo-content-links">
                    <p>Our localized coverage network ensures premium transport availability across all structural municipalities and main travel nodes.</p>
                </div>
            </details>
        </div>

        <div class="db-footer-copyright-row">
            <div class="db-copyright-inner">
                <div class="db-copy-txt">&copy; 2026 Driver &amp; Butler. All rights reserved.</div>
                <div class="db-copy-author">Design &amp; Engineering by Samuel Rieux</div>
            </div>
        </div>

    </div>
</div>


</body>
</html>