/* Wilas Services — site
   Charte v0.2 : bleu-nuit / bleu Wilas #389AD6 / blanc bleuté · Archivo + IBM Plex
   Règles : angles droits, aucun dégradé, aucune ombre, tout aligné à gauche. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root{
  --encre:#0E2230;
  --bleu:#389AD6;
  --bleu-grand:#2F92D0;   /* son bleu à peine foncé : 3,08:1, minimum requis pour du très grand texte */
  --bleu-txt:#1A6392;     /* 6,0:1 : petit texte bleu sur fond clair */
  --fond:#F4F7F9;
  --gris:#5E6C77;         /* 4,9:1 : petit texte gris sur fond clair */
  --gris-clair:#93A2AD;   /* 5,7:1 : petit texte gris sur fond sombre */
  --ligne:#DCE3E8;
  --ligne-sombre:#23404F;
  --blanc:#fff;
  --pad:clamp(20px,5vw,80px);
  --rythme:clamp(64px,9vw,132px);
  --pas:clamp(26px,3.4vw,46px);   /* écart de référence du héros : en-tête → surtitre,
                                     boutons → bandeau, bandeau → filet de la section */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{
  margin:0;background:var(--fond);color:var(--encre);
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:Archivo,system-ui,sans-serif;margin:0;line-height:1.0;letter-spacing:-.035em;font-weight:800}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit}
svg{display:block}
img{max-width:100%;display:block}

.mono{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.wrap{max-width:1340px;margin:0 auto;padding:0 var(--pad)}
.rule{border-top:1px solid var(--ligne)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- barre haute ---------- */
.topline{background:var(--encre);color:var(--fond)}
.topline .wrap{display:flex;align-items:center;gap:16px;height:34px;overflow:hidden}
.topline .mono{font-size:.66rem;opacity:.85}
.topline a{text-decoration:none}

/* ---------- en-tête ----------
   VALIDÉ le 22.08.2026 — ne plus retoucher la mise en page desktop.
   Ordre arrêté : logo · menu · téléphone · bouton de devis · sélecteur de langue.
   Les paliers responsives (1280, 1220 et 900 px) restent ajustables si besoin. */
.head{position:sticky;top:0;z-index:60;background:var(--fond);border-bottom:1px solid var(--ligne)}
.head .wrap{display:flex;align-items:center;gap:28px;height:70px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand__mark{width:34px;flex:none;color:var(--encre)}
.brand__name{display:block;font-family:Archivo;font-weight:900;font-size:1.32rem;letter-spacing:-.045em;line-height:.9}
.brand__sub{display:block;font-family:"IBM Plex Mono",monospace;font-size:.52rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--bleu-txt);margin-top:4px}
.nav{margin-left:16px;display:flex;gap:26px;align-items:center}
.nav a{text-decoration:none;font-size:.94rem;font-weight:500;padding:4px 0;
  border-bottom:1px solid transparent;white-space:nowrap}
.nav a:hover{border-bottom-color:var(--encre)}
.head__right{margin-left:auto;display:flex;align-items:center;gap:16px}
.head__tel{font-family:Archivo;font-weight:800;font-size:1rem;text-decoration:none;
  letter-spacing:-.02em;white-space:nowrap;transition:color .15s}
.head__tel:hover{color:var(--bleu-txt)}

/* sélecteur de langue — <details> natif, fermé au clic extérieur et à Échap par script.js */
.nav__lang{display:none}   /* en mobile uniquement : voir le palier 900 px */
.langsel{position:relative}
.langsel summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  padding:11px 14px;border:1.5px solid var(--ligne);background:var(--blanc);
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;font-weight:500;transition:border-color .15s,color .15s;
}
.langsel summary::-webkit-details-marker{display:none}
.langsel summary::after{
  content:"";width:7px;height:7px;border-right:1.5px solid var(--encre);
  border-bottom:1.5px solid var(--encre);transform:rotate(45deg) translate(-2px,-2px);
}
.langsel summary:hover{border-color:var(--encre)}
.langsel[open] summary{border-color:var(--encre)}
.langsel[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.langsel ul{
  position:absolute;top:calc(100% + 6px);right:0;z-index:80;min-width:170px;
  background:var(--blanc);border:1px solid var(--ligne);
}
.langsel li + li{border-top:1px solid var(--ligne)}
.langsel ul a{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:13px 15px;text-decoration:none;font-size:.94rem;font-weight:500;
}
.langsel ul a:hover{background:var(--fond);color:var(--bleu-txt)}
.langsel ul a.on{font-weight:700}
.langsel ul a.on::after{content:"";width:12px;height:6px;border-left:2px solid var(--bleu);
  border-bottom:2px solid var(--bleu);transform:rotate(-45deg) translateY(-2px)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;
  font-family:Archivo;font-weight:700;font-size:.97rem;letter-spacing:-.01em;
  padding:15px 26px;background:var(--encre);color:var(--fond);text-decoration:none;
  border:1.5px solid var(--encre);cursor:pointer;transition:background .15s,color .15s,border-color .15s;
}
.btn:hover{background:var(--bleu);border-color:var(--bleu);color:#fff}
.btn--sm{padding:10px 18px;font-size:.88rem}
.btn--ghost{background:transparent;color:var(--encre)}
.btn--ghost:hover{background:var(--encre);color:var(--fond)}
.btn--inv{background:var(--bleu);border-color:var(--bleu);color:#fff}
.btn--inv:hover{background:var(--fond);border-color:var(--fond);color:var(--encre)}
.btn--block{width:100%}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2.5px solid var(--bleu);outline-offset:3px}
.burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--ligne);
  background:none;align-items:center;justify-content:center;cursor:pointer}
.burger i{width:18px;height:1.5px;background:var(--encre);position:relative;display:block}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--encre)}
.burger i::before{top:-6px}.burger i::after{top:6px}

/* ---------- héros ---------- */
.hero{padding:var(--pas) 0 0}
.hero__grid{display:grid;grid-template-columns:1.35fr .95fr;gap:clamp(30px,5vw,72px);align-items:start}
.hero h1{font-size:clamp(2.7rem,7.4vw,6.1rem);font-weight:900;letter-spacing:-.05em;line-height:.93}
.hero h1 .v{color:var(--bleu-grand)}
.hero__intro{margin-top:30px;font-size:clamp(1.05rem,1.6vw,1.28rem);max-width:46ch;line-height:1.5}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.fiche{margin:0;align-self:center}   /* pas de filet en haut ; bloc centré verticalement dans le héros */
.fiche div{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--ligne);
  align-items:baseline}
.fiche dt{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris);white-space:nowrap}
.fiche dd{margin:0;font-family:Archivo;font-weight:700;font-size:1.02rem;letter-spacing:-.02em;text-align:right}

.bandeau{margin-top:var(--pas);padding:0;
  display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;justify-content:center}
.bandeau .mono{color:var(--gris)}
.bandeau b{font-family:Archivo;font-weight:700;font-size:.95rem;letter-spacing:-.01em}
.bandeau .plus{
  /* dernier élément de la liste, pas un bouton : même typo que les localités,
     seule la couleur le distingue */
  font-family:Archivo;font-weight:700;font-size:.95rem;letter-spacing:-.01em;
  color:var(--bleu-txt);text-decoration:none;white-space:nowrap;transition:color .15s;
}
.bandeau .plus:hover{color:var(--bleu)}

/* ---------- sections ---------- */
section{padding:var(--rythme) 0}
/* le bandeau des localités ferme le héros : l'écart qui le sépare du filet de la
   première section reprend exactement celui de l'en-tête au surtitre du héros */
.hero + section{padding-top:var(--pas)}
.sec__head{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:start;
  border-top:2px solid var(--encre);padding-top:22px;margin-bottom:clamp(34px,5vw,56px)}
.sec__num{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.16em;color:var(--bleu-txt);
  padding-top:.5em}
.sec__head h2{font-size:clamp(1.9rem,4.4vw,3.5rem);max-width:20ch}
.sec__head p{margin-top:18px;max-width:56ch;font-size:1.06rem;color:#3B4A54}

/* ---------- texte éditorial ---------- */
.edito{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
.edito p{margin-bottom:18px;font-size:1.08rem;line-height:1.62}
.edito p.big{font-family:Archivo;font-weight:700;font-size:clamp(1.3rem,2.4vw,1.85rem);
  line-height:1.22;letter-spacing:-.025em;margin-bottom:24px}
.edito em{font-style:normal;background:linear-gradient(transparent 62%, #BFE1F5 62%);padding:0 2px}

/* ---------- inclus ---------- */
.inclus{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(28px,5vw,70px)}
.inclus__col h3{font-size:1.05rem;font-weight:800;padding:14px 0;border-bottom:2px solid var(--encre);
  display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.inclus__col h3 span{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.14em;
  color:var(--gris);font-weight:400}
.inclus__col ul{margin-bottom:34px}
.inclus__col li{padding:11px 0 11px 26px;border-bottom:1px solid var(--ligne);position:relative;font-size:.98rem}
.inclus__col li::before{content:"";position:absolute;left:0;top:1.15em;width:11px;height:6px;
  border-left:2px solid var(--bleu);border-bottom:2px solid var(--bleu);transform:rotate(-45deg)}

/* ---------- bloc sombre ---------- */
.sombre{background:var(--encre);color:var(--fond)}
.sombre .sec__head{border-top-color:var(--fond)}
.sombre .sec__head p{color:rgba(244,247,249,.72)}
.sombre .sec__num{color:var(--bleu)}
.garantie{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,72px);align-items:start}
.garantie .garantie__claim,.devis__aside .garantie__claim{font-family:Archivo;font-weight:900;
  font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.04em;line-height:1.06;color:var(--fond);margin-top:0}
.garantie__claim .v{color:var(--bleu)}
.garantie p{color:rgba(244,247,249,.78);margin-top:24px;max-width:52ch;font-size:1.05rem}
.option{border:1px solid var(--ligne-sombre);padding:26px}
.option .mono{color:var(--bleu);margin-bottom:12px;display:block}
.option h3{font-size:1.25rem;margin-bottom:12px}
.option p{margin-top:0;color:rgba(244,247,249,.72);font-size:.97rem}

/* ---------- étapes ---------- */
.etapes li{display:grid;grid-template-columns:64px 1fr 1fr;gap:clamp(16px,3vw,48px);
  padding:26px 0;border-bottom:1px solid var(--ligne);align-items:start}
.etapes li:first-child{border-top:1px solid var(--ligne)}
.etapes .n{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;color:var(--bleu-txt);
  padding-top:.35em}
.etapes h3{font-size:clamp(1.15rem,2.2vw,1.6rem)}
.etapes p{color:#3B4A54;font-size:1rem}

/* ---------- placeholders photo ---------- */
.ph{border:1px solid var(--ligne);background:
  repeating-linear-gradient(135deg,#E7EDF1 0 10px,#F4F7F9 10px 20px);
  display:flex;align-items:flex-end;padding:14px;min-height:150px;position:relative;min-width:0}
.ph span{font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;
  color:#6F7E88;background:var(--fond);padding:5px 9px;border:1px solid var(--ligne)}
.ph--tall{aspect-ratio:4/5;min-height:0}
.ph--wide{aspect-ratio:3/2;min-height:0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:14px}
.duo>*,.avant-apres>*,.avant-apres figure{min-width:0}
.avant-apres{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,28px)}
.avant-apres figcaption{font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gris)}

/* ---------- autres prestations ---------- */
.autres{display:grid;grid-template-columns:repeat(4,1fr);gap:0 clamp(20px,3vw,44px)}
.autres > div{border-top:1px solid var(--ligne);padding-top:18px}
.autres h3{font-size:1.08rem;margin-bottom:8px}
.autres p{font-size:.94rem;color:#3B4A54}

/* ---------- zone ---------- */
.zone__cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px}
.zone__cols h4{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bleu-txt);font-weight:500;margin-bottom:11px;
  padding-bottom:9px;border-bottom:1px solid var(--ligne)}
.zone__cols p{font-family:Archivo;font-weight:600;font-size:1rem;letter-spacing:-.015em;line-height:1.55}
.zone{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:start}
.zone__note{border-left:2px solid var(--bleu);padding-left:20px;font-size:1.02rem;color:#3B4A54}

/* ---------- qui ---------- */
.qui{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,70px);align-items:start}
.qui blockquote{margin:0;font-family:Archivo;font-weight:700;font-size:clamp(1.3rem,2.6vw,2rem);
  letter-spacing:-.03em;line-height:1.22}
.qui .sig{margin-top:26px;padding-top:16px;border-top:1px solid var(--ligne)}
.qui .sig b{font-family:Archivo;font-weight:800;display:block}
.qui .sig span{color:var(--gris);font-size:.92rem}

/* ---------- avis ---------- */
.avis{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px)}
.avis > div{border-top:2px solid var(--encre);padding-top:20px}
.avis p{font-size:1.02rem;margin-bottom:18px}
.avis .qui-dit{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gris)}
.todo{background:#FFF4CE;border:1px solid #E8D69A;padding:14px 16px;font-size:.88rem;margin-top:26px}
.todo b{font-family:Archivo}

/* ---------- faq ---------- */
.faq{max-width:900px}
.faq details{border-bottom:1px solid var(--ligne)}
.faq details:first-of-type{border-top:1px solid var(--ligne)}
.faq summary{cursor:pointer;list-style:none;font-family:Archivo;font-weight:700;font-size:1.1rem;
  letter-spacing:-.02em;padding:22px 44px 22px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:32px;width:13px;height:13px;
  border-right:1.5px solid var(--encre);border-bottom:1.5px solid var(--encre);transform:rotate(45deg)}
.faq details[open] summary::after{transform:rotate(-135deg);top:36px}
.faq details p{padding:0 0 24px;max-width:70ch;color:#3B4A54}

/* ---------- devis ---------- */
.devis{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start}
.devis__aside p{color:rgba(244,247,249,.78);margin-top:20px;max-width:40ch}
.devis__contact{margin-top:34px;border-top:1px solid var(--ligne-sombre)}
.devis__contact a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;
  border-bottom:1px solid var(--ligne-sombre);text-decoration:none;align-items:baseline}
.devis__contact b{font-family:Archivo;font-weight:700;font-size:1.05rem}
.devis__contact span{color:var(--gris-clair);font-family:"IBM Plex Mono",monospace;font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase}
form{display:grid;gap:18px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block}
label > span{display:block;font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gris-clair);margin-bottom:8px}
input,select,textarea{
  width:100%;padding:14px 15px;border:1px solid var(--ligne-sombre);background:transparent;
  color:var(--fond);font:inherit;font-size:1rem;border-radius:0;
}
input::placeholder,textarea::placeholder{color:#8093A0}
input:focus,select:focus,textarea:focus{border-color:var(--bleu);outline:none}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gris-clair) 50%),
  linear-gradient(135deg,var(--gris-clair) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat}
select option{background:var(--encre)}
textarea{min-height:104px;resize:vertical}
.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:.86rem;
  color:rgba(244,247,249,.7)}
.consent > span{font-family:"IBM Plex Sans",sans-serif;font-size:.86rem;letter-spacing:0;
  text-transform:none;color:inherit;margin-bottom:0;line-height:1.5}
.consent input{width:17px;height:17px;margin-top:3px;accent-color:var(--bleu)}
.form__ok{display:none;border:1px solid var(--bleu);color:var(--bleu);padding:16px;font-family:Archivo;font-weight:700}

/* ---------- pied ---------- */
.pied{background:var(--encre);color:rgba(244,247,249,.62);padding:70px 0 40px;border-top:1px solid var(--ligne-sombre);
  font-size:.93rem}
.pied__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}
.pied h4{color:var(--fond);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  font-family:"IBM Plex Mono",monospace;font-weight:500;margin-bottom:16px}
.pied a{text-decoration:none}
.pied a:hover{color:var(--fond)}
.pied li{margin-bottom:9px}
.pied__brand .brand__mark{color:var(--fond);width:40px}
.pied__brand .brand__name{color:var(--fond)}
.pied__bas{margin-top:52px;padding-top:20px;border-top:1px solid var(--ligne-sombre);display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.78rem;color:var(--gris-clair)}
/* les deux liens de cette ligne ne se distinguent pas par la couleur :
   un filet discret les signale, sans changer la hauteur de ligne */
.pied__bas a{border-bottom:1px solid rgba(147,162,173,.4);transition:color .15s,border-color .15s}
.pied__bas a:hover{border-color:currentColor}

@media (max-width:1280px){
  /* le numéro au format international est plus long : on resserre l'en-tête
     avant d'en retirer quoi que ce soit */
  .head .wrap{gap:20px}
  .head__right{gap:12px}
  .nav{gap:20px;margin-left:12px}
  .nav a{font-size:.92rem}
}
@media (max-width:1220px){
  /* plus assez de place : le numéro quitte l'en-tête
     (il reste dans le héros et le pied de page) */
  .nav{gap:18px}
  .nav a{font-size:.9rem}
  .head__tel{display:none}
  .langsel summary{padding:10px 12px}
  .head .btn--sm{padding:10px 16px;font-size:.85rem}
}
@media (max-width:1080px){
  .autres{grid-template-columns:1fr 1fr;gap:0 30px}
  .avant-apres{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero__grid,.edito,.garantie,.zone,.qui,.devis,.inclus{grid-template-columns:1fr}
  .avis{grid-template-columns:1fr}
  .avant-apres{grid-template-columns:1fr}
  .zone__cols{grid-template-columns:1fr}
  .pied__grid{grid-template-columns:1fr 1fr}
  .nav,.head .btn,.head__tel{display:none}
  /* en mobile, la langue se choisit dans le menu, pas dans l'en-tête */
  .langsel{display:none}
  .head__right{gap:0}
  .burger{display:flex;margin-left:auto}
  .etapes li{grid-template-columns:44px 1fr}
  .etapes li p{grid-column:2}
  .nav.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--fond);border-bottom:1px solid var(--ligne);padding:6px var(--pad) 20px;gap:0}
  .nav.open a{padding:15px 0;border-bottom:1px solid var(--ligne);font-size:1.05rem}
  .nav.open .nav__lang{display:flex;align-items:center;gap:10px;padding:20px 0 4px}
  .nav.open .nav__lang .mono{color:var(--gris);margin-right:auto}
  .nav.open .nav__lang a{
    padding:10px 15px;border:1.5px solid var(--ligne);font-family:"IBM Plex Mono",monospace;
    font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  }
  .nav.open .nav__lang a.on{border-color:var(--encre);color:var(--bleu-txt);background:var(--blanc)}
}
@media (max-width:620px){
  .f2{grid-template-columns:1fr}
  .pied__grid{grid-template-columns:1fr}

  /* --- héros en mobile ---------------------------------------------------
     La fiche garde la structure du desktop : intitulé à gauche, valeur à
     droite. L'intitulé peut passer sur deux lignes plutôt que de déborder. */
  .fiche div{grid-template-columns:minmax(0,auto) 1fr;gap:14px;padding:13px 0}
  .fiche dt{white-space:normal;font-size:.6rem;letter-spacing:.11em;line-height:1.35}
  .fiche dd{text-align:right;font-size:.95rem}

  /* Les deux boutons du héros prennent toute la largeur : même largeur,
     même poids, au lieu de deux blocs de tailles différentes. */
  .hero__actions{flex-direction:column;gap:10px}
  .hero__actions .btn{width:100%}

  /* Le libellé du bandeau des localités prend sa propre ligne, sinon il se
     retrouve aligné avec les deux premières villes et se lit comme l'une d'elles */
  .bandeau{gap:9px 20px}
  .bandeau .mono{width:100%;text-align:center;margin-bottom:2px}
}