/* PASSE-PARTOUT — Premium V7 / refonte visuelle 2026-09-13
   Direction: noir profond + or chaud, fond vivant, surfaces verre, mobile-first.
   Cette couche est volontairement chargée en dernier afin de préserver le HTML/SEO existant. */

:root{
  --pp-bg:#06090b;
  --pp-bg2:#0a0f12;
  --pp-panel:rgba(14,19,22,.82);
  --pp-panel-solid:#0e1316;
  --pp-panel-soft:rgba(20,26,29,.64);
  --pp-line:rgba(242,191,78,.25);
  --pp-line-soft:rgba(255,255,255,.07);
  --pp-gold:#f0bd4d;
  --pp-gold2:#ffd978;
  --pp-gold3:#a87216;
  --pp-text:#f7f4ed;
  --pp-muted:#aeb5b9;
  --pp-radius:18px;
  --pp-shadow:0 22px 60px rgba(0,0,0,.34);
  --pp-max:1240px;
}

html{background:var(--pp-bg);overflow-x:clip}
body{
  background:
    radial-gradient(circle at 12% 12%,rgba(240,189,77,.08),transparent 30rem),
    radial-gradient(circle at 86% 24%,rgba(240,189,77,.06),transparent 34rem),
    linear-gradient(180deg,#070a0c 0%,#090d10 45%,#06090b 100%) !important;
  color:var(--pp-text);
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  position:relative;
}
body::before{
  content:"";
  position:fixed;inset:-20vh -10vw;z-index:-2;pointer-events:none;
  opacity:.82;
  background:
    radial-gradient(circle at 16% 22%,rgba(255,206,101,.13) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 60%,rgba(255,206,101,.12) 0 1px,transparent 2px),
    radial-gradient(circle at 54% 84%,rgba(255,206,101,.11) 0 1px,transparent 2px),
    linear-gradient(116deg,transparent 0 12%,rgba(240,189,77,.11) 12.1%,transparent 12.4% 41%,rgba(240,189,77,.08) 41.1%,transparent 41.5% 100%),
    linear-gradient(28deg,transparent 0 18%,rgba(240,189,77,.08) 18.1%,transparent 18.5% 67%,rgba(240,189,77,.08) 67.1%,transparent 67.5% 100%);
  background-size:170px 170px,220px 220px,280px 280px,100% 100%,100% 100%;
  animation:ppAmbient 22s ease-in-out infinite alternate;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 8%,rgba(240,189,77,.09),transparent 32%),
    radial-gradient(ellipse at 86% 82%,rgba(240,189,77,.07),transparent 34%);
  mix-blend-mode:screen;
}
@keyframes ppAmbient{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.025)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}

.conteneur{max-width:var(--pp-max) !important;padding-left:24px !important;padding-right:24px !important}

/* TYPO */
h1,h2,h3,.display,.h1-p,.h1-contact,.h1-tarifs{
  font-family:'Inter',system-ui,sans-serif !important;
  text-transform:none !important;
  letter-spacing:-.035em !important;
  color:var(--pp-text) !important;
}
h1,.h1-p,.h1-contact,.h1-tarifs{font-weight:800 !important;line-height:.96 !important}
h2{font-weight:760 !important;line-height:1.04 !important}
h3{font-weight:720 !important;line-height:1.15 !important;letter-spacing:-.018em !important}
.doré,.dore,.hero h1 .ligne2,.hero h1 .l2,.h1-p span,.h1-contact span,.h1-tarifs span{color:var(--pp-gold) !important}
.sous-titre,.intro{color:var(--pp-muted) !important}

/* CHANGE-NAME STRIP */
.bandeau{
  background:linear-gradient(90deg,#f7dd91,#d49a2c 50%,#f7dd91) !important;
  color:#15100a !important;border:0 !important;padding:7px 18px !important;font-size:.76rem !important;
}
.bandeau span{display:inline !important;color:#3d2d12 !important;margin-left:8px}

/* HEADER */
.entete{
  position:sticky !important;top:0 !important;z-index:90 !important;
  background:rgba(7,10,12,.78) !important;
  border-bottom:1px solid rgba(240,189,77,.18) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.18) !important;
}
.entete .conteneur{height:78px !important}
.logo-marque{height:46px !important;width:auto !important}
.marque-txt{font-family:'Inter',sans-serif !important;font-weight:780 !important;letter-spacing:.04em !important}
.marque-txt em{color:var(--pp-gold) !important;letter-spacing:.32em !important;font-size:.55rem !important}
.nav{gap:4px !important}
.nav a{font-weight:650 !important;letter-spacing:.02em !important;text-transform:none !important;color:#d6d9db !important;padding:11px 12px !important;border-radius:999px !important;border:0 !important}
.nav a:hover,.nav a.actif{color:#111 !important;background:linear-gradient(135deg,var(--pp-gold2),var(--pp-gold)) !important}
.tel-entete{border-radius:999px !important;padding:9px 18px !important;box-shadow:0 8px 30px rgba(240,189,77,.18) !important}
.burger span{background:var(--pp-gold) !important}
.nav.ouvert{background:rgba(5,8,10,.98)!important;border-color:rgba(240,189,77,.18)!important}

/* BUTTONS */
.btn{border-radius:14px !important;padding:14px 20px !important;letter-spacing:-.01em !important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease !important}
.btn-or{
  color:#181106 !important;
  background:linear-gradient(135deg,#ffe299 0%,#f0bd4d 48%,#c88719 100%) !important;
  border:1px solid rgba(255,230,164,.65) !important;
  box-shadow:0 10px 32px rgba(233,171,46,.22),inset 0 1px rgba(255,255,255,.55) !important;
}
.btn-or:hover{box-shadow:0 16px 42px rgba(233,171,46,.32),inset 0 1px rgba(255,255,255,.62)!important}
.btn-fantome{background:rgba(11,15,17,.42)!important;border:1px solid rgba(240,189,77,.45)!important;color:var(--pp-text)!important;backdrop-filter:blur(10px)}
.btn-fantome:hover{background:rgba(240,189,77,.08)!important;border-color:var(--pp-gold)!important;color:var(--pp-gold2)!important}
.btn-wa{border-radius:14px!important}

/* GENERIC SECTIONS */
.section{position:relative;padding:76px 0 !important;background:transparent !important;border:0 !important}
.section::before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(240,189,77,.25),transparent)}
.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(240,189,77,.025),rgba(255,255,255,.012)) !important}
.section h2,.zone h2,.appel h2,.appel-final h2{font-size:clamp(2rem,4.4vw,3.35rem)!important;text-align:left!important;margin-bottom:14px!important;max-width:850px}
.sous-titre{margin:0!important;text-align:left!important;max-width:760px!important;font-size:1rem!important}

/* HOME HERO */
.page-index .hero.hero-urgent-first{
  min-height:700px;
  padding:88px 0 64px !important;
  display:flex;align-items:center;
  background:
    linear-gradient(90deg,rgba(5,8,10,.99) 0%,rgba(5,8,10,.94) 37%,rgba(5,8,10,.63) 57%,rgba(5,8,10,.30) 73%,rgba(5,8,10,.88) 100%),
    linear-gradient(180deg,rgba(5,8,10,.08),rgba(5,8,10,.95)),
    url('/artisan.webp?v=final') 78% 24%/auto 116% no-repeat,
    #070a0c !important;
  border-bottom:1px solid rgba(240,189,77,.22);
}
.page-index .hero.hero-urgent-first::before{
  display:block!important;content:"";position:absolute;inset:0;pointer-events:none;opacity:1;
  background:
    radial-gradient(circle at 74% 28%,rgba(255,201,83,.23),transparent 20rem),
    linear-gradient(122deg,transparent 0 58%,rgba(240,189,77,.18) 58.15%,transparent 58.35% 72%,rgba(240,189,77,.11) 72.15%,transparent 72.35%),
    linear-gradient(27deg,transparent 0 18%,rgba(240,189,77,.09) 18.1%,transparent 18.3% 67%,rgba(240,189,77,.13) 67.1%,transparent 67.3%);
  animation:ppHeroLines 10s ease-in-out infinite alternate;
}
@keyframes ppHeroLines{from{transform:translateX(-.5%)}to{transform:translateX(.5%)}}
.page-index .hero.hero-urgent-first::after{opacity:.2!important;background-size:72px 72px!important}
.page-index .hero-grille{grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr)!important;align-items:center!important}
.page-index .hero-copy-clean{max-width:690px}
.page-index .hero-copy-clean h1{font-size:clamp(3.2rem,6.4vw,5.65rem)!important;max-width:820px;letter-spacing:-.065em!important}
.page-index .hero-copy-clean h1 .ligne1{font-size:.24em!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#d8dde0!important;margin-bottom:18px!important}
.page-index .hero-accroche{font-size:clamp(1.08rem,2vw,1.5rem)!important;margin-top:20px!important;font-weight:720!important;color:#f7f4ed!important}
.page-index .hero-texte{color:#c4c9cc!important;font-size:1.04rem!important;line-height:1.75!important;max-width:600px!important}
.page-index .hero-ville{background:rgba(240,189,77,.08)!important;border:1px solid rgba(240,189,77,.42)!important;color:var(--pp-gold2)!important}
.page-index .hero-clean-actions{margin-top:28px!important;gap:12px!important}
.page-index .hero-clean-trust{margin-top:34px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.page-index .hero-clean-trust li{background:rgba(9,13,15,.56)!important;border:1px solid rgba(240,189,77,.14)!important;border-radius:16px!important;padding:14px 15px!important;backdrop-filter:blur(8px)}

/* Urgence / avis */
.urgence,.avis-compact,.confiance,.photo-showcase,.signature-v4,.artisan,.acces-rapide,.appel-final,.appel{
  background:transparent!important;border-color:rgba(240,189,77,.16)!important;
}
.hero-urgence-card,.avis-compact,.zone-bloc,.encart-conseil,.encart-assurance,.contact-grille,.encart-rappel,.tarifs,.tbl-enveloppe,.boite{
  background:linear-gradient(145deg,rgba(19,25,28,.88),rgba(8,12,14,.78))!important;
  border:1px solid rgba(240,189,77,.25)!important;
  box-shadow:var(--pp-shadow)!important;
  backdrop-filter:blur(12px);
}

/* HOME SERVICE CARDS */
.services-grille{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:38px!important}
.carte-service{
  border-radius:18px!important;background:linear-gradient(160deg,rgba(20,26,29,.92),rgba(9,13,15,.9))!important;
  border:1px solid rgba(240,189,77,.20)!important;overflow:hidden!important;box-shadow:0 20px 50px rgba(0,0,0,.22)!important;
}
.carte-service:hover{transform:translateY(-5px)!important;border-color:rgba(240,189,77,.65)!important;box-shadow:0 26px 65px rgba(0,0,0,.32),0 0 0 1px rgba(240,189,77,.11)!important}
.carte-image{aspect-ratio:16/9!important;border-bottom:1px solid rgba(240,189,77,.18)!important;position:relative}
.carte-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,10,12,.84) 100%);pointer-events:none}
.carte-image img{filter:saturate(.82) contrast(1.08) brightness(.78)!important;transition:transform .45s ease,filter .45s ease!important}
.carte-service:hover .carte-image img{transform:scale(1.035);filter:saturate(.92) contrast(1.08) brightness(.88)!important}
.carte-tete{padding:18px 20px 8px!important;background:transparent!important}
.carte-tete h3{font-size:1.16rem!important;color:#fff!important}
.carte-liste{padding:8px 20px 18px!important;gap:7px!important}
.carte-liste li{font-size:.88rem!important;color:#b9c0c4!important}
.carte-detail,.carte-devis{border-radius:12px!important}
.carte-detail{background:rgba(240,189,77,.07)!important}

/* ACCESS TILES */
.tuiles{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.tuile{border-radius:16px!important;min-height:118px!important;background:rgba(14,19,22,.74)!important;border:1px solid rgba(240,189,77,.18)!important;backdrop-filter:blur(8px)!important}
.tuile:hover{background:rgba(240,189,77,.07)!important;border-color:rgba(240,189,77,.6)!important}

/* ARTISAN */
.artisan-grille{gap:34px!important;align-items:stretch!important}
.artisan-photo{border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(240,189,77,.32)!important;box-shadow:var(--pp-shadow)!important}
.artisan-photo img{height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(1.04)!important}
.artisan-texte{background:linear-gradient(145deg,rgba(19,25,28,.88),rgba(9,13,15,.72))!important;border:1px solid rgba(240,189,77,.19)!important;border-radius:22px!important;padding:34px!important}

/* ZONE */
.zone-bloc{border-radius:22px!important;padding:30px!important;position:relative;overflow:hidden}
.zone-bloc::after{content:"";position:absolute;right:-120px;bottom:-140px;width:360px;height:360px;border:1px solid rgba(240,189,77,.18);border-radius:50%;box-shadow:0 0 0 50px rgba(240,189,77,.025),0 0 0 100px rgba(240,189,77,.018);pointer-events:none}
.villes li,.villes a{border-color:rgba(240,189,77,.22)!important;background:rgba(255,255,255,.02)!important;border-radius:999px!important;transition:.2s ease!important}
.villes li:hover,.villes a:hover{background:rgba(240,189,77,.08)!important}

/* REVIEWS */
.avis-carte{background:linear-gradient(150deg,rgba(20,26,29,.88),rgba(8,12,14,.82))!important;border:1px solid rgba(240,189,77,.2)!important;border-radius:18px!important;box-shadow:0 18px 48px rgba(0,0,0,.2)!important}
.avis-etoiles,.avis-note-carte{color:var(--pp-gold2)!important}

/* CONTACT FORMS */
input,select,textarea,.champ input,.champ select,.champ textarea{
  background:rgba(8,12,14,.72)!important;border:1px solid rgba(240,189,77,.17)!important;color:#fff!important;border-radius:12px!important;
}
input:focus,select:focus,textarea:focus,.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:rgba(240,189,77,.65)!important;box-shadow:0 0 0 3px rgba(240,189,77,.09)!important;outline:0!important}

/* CITY PAGES — same luxury language */
body[class*="page-serrurier-"] .fil{padding-top:18px!important;color:#8f989d!important}
body[class*="page-serrurier-"] .hero{
  position:relative;overflow:hidden;min-height:560px;padding:70px 0 58px!important;
  background:
    linear-gradient(90deg,rgba(5,8,10,.99) 0%,rgba(5,8,10,.91) 43%,rgba(5,8,10,.58) 62%,rgba(5,8,10,.88) 100%),
    linear-gradient(180deg,rgba(5,8,10,.10),rgba(5,8,10,.96)),
    url('/artisan.webp?v=final') 80% 24%/auto 124% no-repeat,
    #070a0c !important;
  border-bottom:1px solid rgba(240,189,77,.22)!important;
}
body[class*="page-serrurier-"] .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 72% 35%,rgba(255,205,95,.19),transparent 18rem),
  linear-gradient(118deg,transparent 0 58%,rgba(240,189,77,.16) 58.12%,transparent 58.3% 78%,rgba(240,189,77,.10) 78.12%,transparent 78.3%);
  animation:ppHeroLines 11s ease-in-out infinite alternate}
body[class*="page-serrurier-"] .hero .conteneur{position:relative;z-index:2}
body[class*="page-serrurier-"] .hero-grille{grid-template-columns:minmax(0,1fr) 370px!important;gap:46px!important;align-items:end!important}
body[class*="page-serrurier-"] .hero-grille>div:first-child{max-width:690px}
body[class*="page-serrurier-"] .hero h1{font-size:clamp(3rem,5.4vw,5.2rem)!important;letter-spacing:-.065em!important}
body[class*="page-serrurier-"] .eyebrow{color:var(--pp-gold2)!important;background:rgba(240,189,77,.08)!important;border:1px solid rgba(240,189,77,.38)!important;border-radius:999px!important;letter-spacing:.13em!important}
body[class*="page-serrurier-"] .chapo{font-size:1.13rem!important;line-height:1.65!important;color:#e4e7e9!important;max-width:660px}
body[class*="page-serrurier-"] .delai{border-radius:16px!important;background:rgba(14,19,22,.62)!important;border:1px solid rgba(240,189,77,.25)!important;backdrop-filter:blur(10px)!important;max-width:620px}
body[class*="page-serrurier-"] .hero p:not(.chapo){color:#b8c0c4!important;max-width:640px}
body[class*="page-serrurier-"] .boite{border-radius:22px!important;padding:24px!important;background:rgba(8,12,14,.72)!important}
body[class*="page-serrurier-"] .boite h2{font-size:1.5rem!important;color:#fff!important;margin-bottom:18px!important}
body[class*="page-serrurier-"] .grille2{gap:18px!important}
body[class*="page-serrurier-"] .carte{border-radius:18px!important;background:linear-gradient(150deg,rgba(19,25,28,.88),rgba(9,13,15,.84))!important;border:1px solid rgba(240,189,77,.18)!important;padding:26px!important;box-shadow:0 18px 46px rgba(0,0,0,.2)!important}
body[class*="page-serrurier-"] .carte:hover{border-color:rgba(240,189,77,.52)!important;transform:translateY(-3px)}
body[class*="page-serrurier-"] .liste{background:linear-gradient(145deg,rgba(16,22,25,.72),rgba(8,12,14,.64));border:1px solid rgba(240,189,77,.18);border-radius:20px;padding:24px!important;gap:0!important}
body[class*="page-serrurier-"] .liste li{padding:12px 6px!important;border-bottom:1px solid rgba(255,255,255,.055)}
body[class*="page-serrurier-"] .liste li:last-child{border-bottom:0}
body[class*="page-serrurier-"] .appel{padding:56px 0!important;background:linear-gradient(120deg,rgba(240,189,77,.07),rgba(10,14,16,.86))!important}

/* Small city identity accent — no extra assets / no SEO impact */
.page-serrurier-abbeville{--cityGlow:rgba(213,169,72,.13)}
.page-serrurier-eu{--cityGlow:rgba(105,158,174,.12)}
.page-serrurier-le-treport,.page-serrurier-mers-les-bains,.page-serrurier-ault,.page-serrurier-baie-de-somme{--cityGlow:rgba(62,131,163,.13)}
body[class*="page-serrurier-"] .hero{box-shadow:inset 0 0 140px var(--cityGlow,rgba(240,189,77,.08))}

/* SERVICE / DETAIL PAGES */
.p-hero{position:relative;overflow:hidden;padding:78px 0 66px!important;border-bottom:1px solid rgba(240,189,77,.2)!important}
.p-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0 62%,rgba(240,189,77,.12) 62.1%,transparent 62.3% 81%,rgba(240,189,77,.08) 81.1%,transparent 81.3%)}
.p-hero .conteneur{position:relative;z-index:2}
.h1-p{font-size:clamp(3rem,5.4vw,5.1rem)!important;max-width:850px}
.p-hero .chapo{font-size:1.12rem!important;color:#d3d8da!important;max-width:720px!important}
.etape,.faq-item,.avert,.regle,.ex{border-radius:18px!important;background:linear-gradient(145deg,rgba(19,25,28,.88),rgba(9,13,15,.80))!important;border-color:rgba(240,189,77,.19)!important;box-shadow:0 18px 46px rgba(0,0,0,.16)!important}

/* TARIFS */
.page-tarifs .tarifs-tete,.page-contact .contact-titre{padding-top:70px!important;padding-bottom:44px!important}
.h1-tarifs,.h1-contact{font-size:clamp(3rem,5.4vw,5.1rem)!important}
.tbl-enveloppe{border-radius:20px!important;overflow:hidden!important}

/* FOOTER */
.pied{
  position:relative;background:linear-gradient(180deg,rgba(8,12,14,.96),#050708)!important;
  border-top:1px solid rgba(240,189,77,.22)!important;padding-top:56px!important;
}
.pied::before{content:"";position:absolute;inset:0 0 auto;height:180px;pointer-events:none;background:radial-gradient(ellipse at 76% 0%,rgba(240,189,77,.08),transparent 42%)}
.pied .conteneur{position:relative}
.pied h3{font-family:'Inter',sans-serif!important;text-transform:none!important;letter-spacing:.01em!important;color:#fff!important;font-size:.95rem!important}
.pied p,.pied li{color:#9fa8ad!important}
.pied a:hover{color:var(--pp-gold2)!important}
.pied-bas{border-color:rgba(240,189,77,.14)!important}

/* MOBILE */
@media (max-width:999px){
  .conteneur{padding-left:18px!important;padding-right:18px!important}
  .bandeau span{display:none!important}
  .entete .conteneur{height:68px!important}
  .page-index .hero.hero-urgent-first,
  body[class*="page-serrurier-"] .hero{
    min-height:0!important;padding:54px 0 40px!important;
    background:
      linear-gradient(180deg,rgba(5,8,10,.32) 0%,rgba(5,8,10,.91) 48%,rgba(5,8,10,.99) 100%),
      linear-gradient(90deg,rgba(5,8,10,.54),rgba(5,8,10,.30)),
      url('/artisan.webp?v=final') 73% 4%/auto 66% no-repeat,
      #070a0c!important;
  }
  .page-index .hero.hero-urgent-first{padding-top:300px!important}
  body[class*="page-serrurier-"] .hero{padding-top:300px!important}
  .page-index .hero-grille,body[class*="page-serrurier-"] .hero-grille{grid-template-columns:1fr!important;gap:20px!important}
  .page-index .hero-copy-clean h1,body[class*="page-serrurier-"] .hero h1{font-size:clamp(2.45rem,12vw,4rem)!important}
  .page-index .hero-copy-clean h1 .ligne1{font-size:.25em!important}
  .page-index .hero-clean-trust{grid-template-columns:1fr!important;margin-top:22px!important}
  body[class*="page-serrurier-"] .boite{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;padding:16px!important}
  body[class*="page-serrurier-"] .boite h2,body[class*="page-serrurier-"] .boite p{grid-column:1/-1}
  .services-grille{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .tuiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .section{padding:58px 0!important}
  .section h2,.zone h2,.appel h2,.appel-final h2{font-size:clamp(1.9rem,8vw,2.7rem)!important}
  .artisan-texte{padding:24px!important}
  .barre-mobile{background:rgba(6,9,11,.93)!important;border-top:1px solid rgba(240,189,77,.24)!important;backdrop-filter:blur(16px)!important}
}
@media (max-width:640px){
  .services-grille{grid-template-columns:1fr!important}
  .carte-image{aspect-ratio:16/8!important}
  body[class*="page-serrurier-"] .boite{grid-template-columns:1fr!important}
  body[class*="page-serrurier-"] .boite h2,body[class*="page-serrurier-"] .boite p{grid-column:auto}
  .page-index .hero-clean-actions{display:grid!important;grid-template-columns:1fr!important}
  .btn{width:100%}
  .section{padding:48px 0!important}
  .zone-bloc{padding:22px!important}
}