/* serurier.com : habillage 2026 (11/11/2026). Apparence seulement, aucun texte ni adresse changés.
   Retour en arrière : retirer la ligne <link ... habillage-2026.css> de STYLE dans contenu/construire.py et reconstruire.
   Couleurs : graphite #22262c, laiton #c8902e, rouge #b3261e, fond #f3f1ec. */
body{background:#f3f1ec !important;background-image:none !important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;color:#1d2126 !important}
#container{width:auto !important;max-width:1060px;box-sizing:border-box;margin:20px auto !important;background:#fff !important;border-radius:18px;box-shadow:0 6px 30px rgba(34,38,44,.10);overflow:hidden}
#en_tete{background:linear-gradient(120deg,#22262c,#3a3f47) !important;padding:6px 0 12px;text-align:center;height:auto !important}
#banniereTitre{background:none !important;color:#e2b45a !important;font-family:inherit !important;font-size:30px !important;font-weight:800;letter-spacing:2px;width:auto !important;padding:14px 10px 4px !important;height:auto !important;box-sizing:border-box}
#banniereImgCle,#banniereImgCadenas{display:none !important}
#banniereTexte{float:none !important;width:auto !important;margin:0 auto !important;color:#e9e6df !important;font-family:inherit !important;font-size:17px !important;line-height:1.5 !important;text-align:center;position:static !important}
#banniereTexte span{color:#e2b45a !important}
#buttonA{background:#22262c !important;width:auto !important;padding:4px 12px 14px !important;height:auto !important}
#buttonA #menu{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important}
#buttonA #menu li{float:none !important;list-style:none;width:auto !important}
#buttonA #menu li a{display:block;width:auto !important;height:auto !important;padding:9px 16px !important;border-radius:999px;background:rgba(255,255,255,.1) !important;border:1px solid rgba(226,180,90,.45);color:#fff !important;font-family:inherit !important;font-size:16px !important;font-weight:600;text-decoration:none !important}
#buttonA #menu li a:hover{background:#e2b45a !important;color:#22262c !important}
#titre{width:auto !important;padding:26px 34px 0 !important;text-align:left !important}
#titre h1,#titre h1 strong{font-family:inherit !important;text-transform:none !important;color:#22262c !important;font-size:32px !important;line-height:1.2 !important;font-weight:800 !important;text-align:left !important;letter-spacing:-.3px;margin:0 !important}
#corps{width:auto !important;background:none !important;padding:16px 34px 28px !important;font-family:inherit !important;box-sizing:border-box}
#corps p,#corps li,#corps td{font-family:inherit !important;font-size:18px !important;line-height:1.65 !important;color:#1d2126 !important}
#corps h2{font-family:inherit !important;color:#22262c !important;font-size:24px !important;font-weight:800;margin:28px 0 10px !important;padding-left:12px;border-left:5px solid #c8902e;text-transform:none !important}
#corps h3{font-family:inherit !important;color:#7a5414 !important;font-size:20px !important;text-transform:none !important}
#corps a:not([class]){color:#8a5a12 !important;text-decoration:underline;text-underline-offset:3px}
#corps img{border-radius:12px;max-width:100%;height:auto}
#pied_de_page{background:#22262c !important;width:auto !important;color:#e9e6df !important;font-size:16px !important;padding:18px 20px !important;line-height:1.8}
#pied_de_page a{color:#e9e6df !important}
#pied_de_page a:hover{color:#e2b45a !important}
table th{background:#22262c;color:#fff}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"],textarea,select{font:inherit;font-size:18px !important;color:#1d2126 !important;background:#fff !important;border:2px solid #b8b2a6 !important;border-radius:10px;padding:10px 12px;min-height:48px;box-sizing:border-box}
@media (max-width:725px){
#container{border-radius:0;box-shadow:none;margin:0 !important}
#banniereTitre{font-size:22px !important;padding:10px 8px 2px !important}
#buttonA #menu li a{font-size:15px !important;padding:7px 11px !important}
#titre{padding:14px 14px 0 !important}
#titre h1,#titre h1 strong{font-size:26px !important}
#corps{padding:10px 14px 20px !important}
#corps h2{font-size:21px !important}
}
/* Anciennes images décoratives remplacées par de vraies photos (11/11/2026) */
#corps div:has(> img[src*="serrurier-en-intervention-ouverture-de-porte"]){display:none !important}

/* Images avec dimensions indiquées (11/11/2026) : toujours les bonnes proportions */
img[width][height]{height:auto}
