/* Tremplin — feuille partagée des pages applicatives (wizard, dossier, légal).
   Reprend le système « Le Dossier » de la landing : champ d'encre, surfaces
   kraft, surligneur fluorescent comme unique voix vive, labels mono. */

:root{
  --encre:#141d2b; --encre-profonde:#0d141f; --encre-panneau:#1c2838;
  --kraft:#e4d8bf; --kraft-clair:#efe7d4; --papier:#f6f1e6;
  --surligneur:#e6ff4d; --surligneur-fonce:#d6f000; --sceau:#2f6f5e;
  --particule:228,216,191;   /* --kraft : la couleur du reseau de fond */
  --alerte:#a3341f;
  --encre-70:#3a475a; --hairline-papier:#c8b995; --hairline-encre:#2c3a4d;
  --texte-papier:#232b34; --texte-encre:#eaf0f6; --texte-encre-70:#9fb0c4;
  --sans:'Public Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'Martian Mono',ui-monospace,'Courier New',monospace;
  --serif:'Libre Caslon Text',Georgia,serif;
  --xs:8px; --sm:12px; --md:20px; --lg:32px; --xl:56px; --xxl:96px;
  --feuillet:0 18px 40px -24px rgba(9,14,24,.55);
}
*{box-sizing:border-box}
/* L'attribut hidden doit gagner contre display:flex et display:inline-flex,
   sinon un élément marqué hidden reste visible. */
[hidden]{display:none !important}

html{scroll-behavior:smooth}
body{margin:0;background:var(--encre);color:var(--texte-encre);
  font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.05}
p{margin:0 0 1em}
.wrap{max-width:1100px;margin:0 auto;padding:0 var(--md)}
.wrap-etroit{max-width:820px;margin:0 auto;padding:0 var(--md)}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.72rem}
.skip{position:absolute;left:-999px;top:0;background:var(--surligneur);color:var(--encre);
  padding:10px 16px;z-index:999;font-family:var(--mono);text-transform:uppercase;font-size:.72rem}
.skip:focus{left:8px;top:8px}

.surl{position:relative;white-space:nowrap;z-index:0}
.surl::before{content:"";position:absolute;z-index:-1;left:-.12em;right:-.12em;top:12%;bottom:6%;
  background:var(--surligneur);transform:skewX(-1.4deg);
  border-radius:2px 6px 3px 7px/6px 3px 7px 2px}

/* ── Boutons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);
  text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.74rem;border:none;cursor:pointer;
  text-decoration:none;padding:16px 26px;border-radius:2px;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn-primary{background:var(--surligneur);color:var(--encre)}
.btn-primary:hover{background:var(--surligneur-fonce);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--texte-encre);box-shadow:inset 0 0 0 1px var(--hairline-encre)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--texte-encre-70)}
/* « dark » désigne la couleur du TEXTE, pas celle du fond : .btn-ghost est
   pour le champ d'encre, .btn-dark-ghost pour les surfaces kraft et papier.
   Se tromper de variante donne du blanc sur beige, illisible. */
.btn-dark-ghost{background:transparent;color:var(--texte-papier);box-shadow:inset 0 0 0 1px var(--hairline-papier)}
.btn-dark-ghost:hover{box-shadow:inset 0 0 0 1px var(--texte-papier)}
.btn-petit{padding:10px 16px;font-size:.64rem}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid var(--surligneur);outline-offset:2px}

/* ── Tampon ── */
.tampon{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);text-transform:uppercase;
  letter-spacing:.12em;font-weight:700;font-size:.62rem;color:var(--sceau);padding:6px 11px;
  border:2px solid var(--sceau);border-radius:2px;background:rgba(47,111,94,.05);transform:rotate(-1.5deg)}

/* ── Nav ── */
header.nav{position:sticky;top:0;z-index:80;background:rgba(20,29,43,.9);
  backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--hairline-encre)}
/* Trois zones : marque, navigation centrée, actions. Même structure que la
   landing, pour que la barre ne saute pas d'une page à l'autre. */
.nav-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--md);
  height:68px;max-width:1100px;margin:0 auto;padding:0 var(--md)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:1.3rem;
  letter-spacing:-.03em;line-height:1;white-space:nowrap}
.brand .sigle{flex:none;width:17px;height:20px;display:block}
.brand .doss{font-family:var(--mono);font-weight:600;font-size:.58rem;letter-spacing:.14em;
  color:var(--texte-encre-70);text-transform:uppercase;line-height:1;padding-top:1px}
.nav-links{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap}
.nav-actions{display:flex;gap:14px;align-items:center;justify-self:end}
.lang{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--texte-encre-70);
  border:1px solid var(--hairline-encre);border-radius:2px;padding:6px 9px;text-transform:uppercase;
  text-decoration:none;line-height:1;background:none;cursor:pointer}
.lang b{color:var(--surligneur)}
.lang:hover{color:var(--texte-encre);border-color:var(--texte-encre-70)}
.nav-links a{text-decoration:none;font-size:.9rem;color:var(--texte-encre-70);font-weight:500}
.nav-links a:hover{color:var(--texte-encre)}

/* ── Page ── */
main{padding:var(--xl) 0 var(--xxl)}
.page-head{margin-bottom:var(--lg)}
.page-head .kicker{color:var(--surligneur);display:inline-block;margin-bottom:var(--sm)}
.page-head h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;margin-bottom:var(--sm)}
.page-head p{color:var(--texte-encre-70);max-width:62ch}

/* ── Feuille kraft (formulaire officiel) ── */
.feuille{background:var(--kraft-clair);color:var(--texte-papier);border:1px solid var(--hairline-papier);
  border-radius:3px;box-shadow:var(--feuillet);padding:var(--lg);margin-bottom:var(--md)}
.feuille-tete{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sm);
  border-bottom:1px solid var(--hairline-papier);padding-bottom:10px;margin-bottom:var(--md)}
.feuille-tete h2{font-size:1.15rem;font-weight:800}
.feuille-tete .num{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#7a6d55;text-transform:uppercase}
.feuille .aide{font-size:.88rem;color:#6c6152;margin:-6px 0 var(--md)}

label.champ{display:block;margin-bottom:var(--md)}
label.champ > span.lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;
  color:#7a6d55;display:block;margin-bottom:6px}
input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{
  width:100%;font-family:var(--sans);font-size:1rem;color:var(--texte-papier);background:var(--papier);
  border:1px solid var(--hairline-papier);border-radius:2px;padding:11px 12px}
input[type=search]{appearance:none;-webkit-appearance:none}
textarea{min-height:170px;resize:vertical;line-height:1.5}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7a6d55 50%),
  linear-gradient(135deg,#7a6d55 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;padding-right:36px}

.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt span{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;padding:9px 13px;border:1px solid var(--hairline-papier);border-radius:2px;
  background:var(--papier);cursor:pointer}
.opt input:checked + span{background:var(--surligneur);border-color:var(--encre);color:var(--encre)}
.opt input:focus-visible + span{outline:3px solid var(--sceau);outline-offset:2px}

.grille-secteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}
.secteur{position:relative}
.secteur input{position:absolute;opacity:0;width:0;height:0}
.secteur span{display:block;height:100%;background:var(--papier);border:1px solid var(--hairline-papier);
  border-radius:2px;padding:14px;cursor:pointer;font-weight:700;font-size:.98rem;line-height:1.25}
.secteur span small{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;
  text-transform:uppercase;color:#7a6d55;font-weight:600;margin-top:6px}
.secteur input:checked + span{background:var(--surligneur);border-color:var(--encre)}
.secteur input:focus-visible + span{outline:3px solid var(--sceau);outline-offset:2px}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--md)}
.consent{display:flex;gap:10px;align-items:flex-start;background:var(--papier);border:1px dashed var(--hairline-papier);
  padding:14px;border-radius:2px;font-size:.9rem}
.consent input{margin-top:4px;width:18px;height:18px;flex:none}
.erreur{background:rgba(163,52,31,.12);border:1px solid var(--alerte);color:#7d2818;
  padding:12px 14px;border-radius:2px;font-size:.92rem;margin-bottom:var(--md)}
.note-mono{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6d55}

/* ── Dossier livré ── */
.cols{display:grid;grid-template-columns:1fr 340px;gap:var(--lg);align-items:start}
.sticky{position:sticky;top:86px}
.score{display:flex;align-items:center;gap:var(--md);margin-bottom:var(--md)}
.score .val{font-size:3.4rem;font-weight:900;line-height:1;letter-spacing:-.04em}
.score .val small{font-size:1.1rem;font-weight:700;opacity:.5}
.jauge{flex:1;height:10px;background:var(--hairline-papier);border-radius:2px;overflow:hidden}
.jauge i{display:block;height:100%;background:var(--sceau)}
.puces{margin:0;padding-left:20px}
.puces li{margin:8px 0}
.pastilles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pastille{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;
  background:var(--papier);border:1px solid var(--hairline-papier);padding:5px 9px;border-radius:2px}
.pastille.manque{border-style:dashed;color:#8a6d3b}
.verrou{background:var(--encre-panneau);border:1px solid var(--hairline-encre);border-radius:3px;padding:var(--md)}
.verrou h3{font-size:1.05rem;font-weight:800;margin-bottom:8px}
.verrou p{color:var(--texte-encre-70);font-size:.92rem}
.prix{display:flex;align-items:baseline;gap:6px;margin:2px 0 10px}
.prix b{font-size:2rem;font-weight:900;letter-spacing:-.03em}
.offres{display:grid;gap:10px}
.offre{background:rgba(255,255,255,.03);border:1px solid var(--hairline-encre);border-radius:2px;padding:14px}
.offre.reco{border-color:var(--surligneur)}
.offre h4{margin:0 0 4px;font-size:.95rem;font-weight:800}
.offre ul{margin:6px 0 12px;padding-left:18px;color:var(--texte-encre-70);font-size:.86rem}
.onglets{display:flex;gap:6px;flex-wrap:wrap;padding-left:14px}
.onglet{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.58rem;
  color:var(--texte-papier);background:var(--kraft);padding:9px 14px 12px;border:1px solid var(--hairline-papier);
  border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;opacity:.7}
.onglet[aria-selected="true"]{opacity:1;background:var(--kraft-clair)}
.vue{background:var(--kraft-clair);color:var(--texte-papier);border:1px solid var(--hairline-papier);
  border-radius:0 3px 3px 3px;padding:var(--lg);box-shadow:var(--feuillet);min-height:320px}
.vue h3{font-size:1.3rem;font-weight:800;margin-bottom:4px}
.vue h4{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6d55;
  margin:var(--md) 0 6px;font-weight:700}
.vue .exp{border-left:2px solid var(--hairline-papier);padding-left:14px;margin-bottom:var(--md)}
.vue .exp b{font-size:1rem}
.vue .exp .meta{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6d55}
.vue .lettre p{margin-bottom:1em}
/* Constat d'écart : la gravité se lit dans le mot, pas dans une barre de couleur.
   Le libellé porte la couleur, comme une annotation à l'encre dans un dossier. */
.ecart{background:var(--papier);border:1px solid var(--hairline-papier);
  padding:12px 14px;border-radius:2px;margin-bottom:10px;font-size:.93rem}
.ecart b{display:block;margin-bottom:4px;color:var(--alerte);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.ecart.mineur b{color:#8a6d3b}
.ecart.majeur b{color:#b3521f}
.ecart.eliminatoire b{color:var(--alerte)}
.ecart.force b{color:var(--sceau)}
.qa{background:var(--papier);border:1px solid var(--hairline-papier);border-radius:2px;padding:14px;margin-bottom:12px}
.qa .q{font-weight:800;margin-bottom:6px}
.qa .star{font-size:.92rem}
.qa .star span{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6d55;
  display:block;margin-top:8px}
.barre-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--md)}
.travail{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--texte-encre-70)}
.spin{width:14px;height:14px;border:2px solid var(--hairline-encre);border-top-color:var(--surligneur);
  border-radius:50%;animation:t 1s linear infinite;flex:none}
@keyframes t{to{transform:rotate(360deg)}}

/* ── Légal ── */
.legal{background:var(--kraft-clair);color:var(--texte-papier);border:1px solid var(--hairline-papier);
  border-radius:3px;padding:var(--xl);box-shadow:var(--feuillet)}
.legal h2{font-size:1.25rem;font-weight:800;margin:var(--lg) 0 var(--xs)}
.legal h2:first-of-type{margin-top:0}
.legal ul{padding-left:20px}
.legal li{margin:6px 0}

/* ── Pied ── */
footer{border-top:1px solid var(--hairline-encre);padding:var(--lg) 0;color:var(--texte-encre-70);font-size:.86rem}
footer .pied{display:flex;flex-wrap:wrap;gap:var(--md);align-items:center;justify-content:space-between}
footer a{text-decoration:none}
footer a:hover{color:var(--texte-encre)}

/* ── Filigrane du CV gratuit ──
   Le livrable s'affiche en entier, lisible, mais estampillé. On ne cache pas
   le travail derriere un flou : la personne doit pouvoir juger la qualite
   avant de sortir sa carte. Ce qui se paie, c'est la version propre et
   imprimable, pas le droit de regarder. */
.vue{position:relative}
.vue.filigrane{user-select:none;-webkit-user-select:none}
.vue.filigrane::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='190'%3E%3Ctext x='6' y='108' transform='rotate(-22 165 95)' font-family='monospace' font-size='15' font-weight='700' letter-spacing='4' fill='%23141d2b' fill-opacity='0.11'%3ETREMPLIN %C2%B7 APERCU%3C/text%3E%3C/svg%3E")}
.bandeau-filigrane{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;
  background:var(--papier);border:1px dashed var(--hairline-papier);border-radius:2px;
  color:var(--texte-papier);padding:12px 14px;margin-bottom:12px;font-size:.9rem}

/* ── Retouche, edition, historique ── */
.atelier{background:var(--encre-panneau);border:1px solid var(--hairline-encre);border-radius:3px;
  padding:var(--md);margin-top:var(--md)}
.atelier h3{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--surligneur);margin-bottom:10px}
.atelier p{color:var(--texte-encre-70);font-size:.88rem;margin-bottom:10px}
.atelier textarea{width:100%;background:var(--encre-profonde);color:var(--texte-encre);
  border:1px solid var(--hairline-encre);border-radius:2px;padding:10px;font-family:var(--sans);
  font-size:.92rem;resize:vertical}
.atelier textarea:focus{border-color:var(--texte-encre-70);outline:none}

.versions{list-style:none;margin:0;padding:0}
.versions li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between;
  padding:9px 0;border-top:1px solid var(--hairline-encre)}
.versions li:first-child{border-top:none}
.versions .quand{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--texte-encre-70)}
.versions .quoi{color:var(--texte-encre);font-size:.88rem;flex:1 1 160px}
.versions .quoi small{display:block;color:var(--texte-encre-70);font-size:.8rem;margin-top:2px}
.versions .courante{color:var(--surligneur);font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;
  text-transform:uppercase}

/* ── Editeur de livrable ── */
.editeur{background:var(--kraft-clair);color:var(--texte-papier);border:1px solid var(--hairline-papier);
  border-radius:3px;padding:var(--md);box-shadow:var(--feuillet)}
.ed-champ{display:block;margin-bottom:12px}
.ed-champ.ed-court{max-width:180px}
.ed-libelle{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;
  color:#7a6d55;margin-bottom:4px}
.ed-aide{display:block;font-size:.78rem;color:#8a8070;margin-bottom:4px}
.ed-saisie{width:100%;background:var(--papier);color:var(--texte-papier);border:1px solid var(--hairline-papier);
  border-radius:2px;padding:8px 10px;font-family:var(--sans);font-size:.94rem;line-height:1.45;resize:vertical}
.ed-saisie:focus{border-color:var(--texte-papier);outline:none}
.ed-bloc{border:1px solid var(--hairline-papier);border-radius:2px;padding:12px 14px;margin:0 0 14px;position:relative}
.ed-bloc legend{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;
  color:#7a6d55;padding:0 6px}
.ed-bloc .ed-bloc{background:var(--papier)}
.ed-bloc.retire{opacity:.4}
.ed-retirer{position:absolute;top:8px;right:8px;background:transparent;border:1px solid var(--hairline-papier);
  border-radius:2px;color:#8a6d3b;font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 8px;cursor:pointer}
.ed-retirer:hover{border-color:var(--alerte);color:var(--alerte)}

@media (max-width:900px){
  .cols{grid-template-columns:1fr}
  .sticky{position:static}
  .duo{grid-template-columns:1fr}
  /* La navigation passait a display:none sous 900px, SANS burger sur ces
     pages : le telephone n'avait plus aucun menu du tout. Elle descend
     maintenant sur une deuxieme rangee, ce qui tient en deux lignes. */
  .nav-in{grid-template-columns:auto auto;height:auto;padding-top:10px;padding-bottom:10px;row-gap:10px}
  .nav-links{grid-column:1 / -1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;
    gap:8px 18px;padding-top:10px;border-top:1px solid var(--hairline-encre)}
}

/* Questionnaire de personnalisation (section 5 de /creer) */
.questionnaire{display:flex;flex-direction:column;gap:var(--md)}
.q-bloc{border:0;padding:0;margin:0}
.q-bloc legend{padding:0}
.aide-q{display:block;font-size:.85rem;color:#7a6d55;line-height:1.45;margin:2px 0 8px}
.aide-avert{color:#7d2818}
.aide-avert::before{content:"! ";font-weight:700}
.note-verif{margin-top:18px;padding:12px 14px;background:var(--papier);
  border-left:3px solid var(--hairline-papier);border-radius:2px;font-size:.87rem;line-height:1.5}
.note-verif ul{margin-top:8px}

/* Pied d'extrait : ce que le CV gratuit ne montre pas, dit franchement. */
.extrait-verrou{margin-top:22px;padding:16px 18px;background:var(--kraft-clair);
  border:1px dashed var(--hairline-papier);border-radius:2px;user-select:text}
.extrait-verrou b{display:block;font-size:.95rem;margin-bottom:6px}
.extrait-verrou p{margin:0 0 12px;font-size:.9rem;color:var(--texte-papier)}

/* Poussière d'archive : le calque de fond, sous tout le contenu. Le script
   assets/particules.js insère ce canvas en premier enfant de body. Les
   sections claires (.sec-papier) ont un fond opaque et le masquent d'elles-
   mêmes : la poussière ne se voit que sur le champ d'encre, ce qui est
   exactement l'intention. */
#particules{position:fixed;inset:0;z-index:0;pointer-events:none;
  display:block;width:100%;height:100%}
/* Sans ces deux règles, le contenu en flux normal passerait SOUS le canvas
   positionné. header.nav (z-index 80) et .auth-overlay (200) sont déjà au
   dessus et n'ont besoin de rien. */
body>main,body>footer,body>.card{position:relative;z-index:1}

/* Carte de l'offre choisie en recherche, sur /creer. Lecture seule : le texte
   fait foi tel qu'il vient de la source, on ne le laisse pas retoucher ici. */
.offre-choisie{background:var(--kraft-clair);border:1px solid var(--hairline-papier);border-radius:2px;
  padding:14px 16px;margin-bottom:14px;color:var(--texte-papier)}
.oc-tete{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.offre-choisie p{margin:8px 0 12px;font-size:.9rem;line-height:1.5}

/* Fibre de papier kraft. Générée sur ComfyUI (.45, RealVisXL), puis réduite à
   du GRAIN NEUTRE gris moyen : l'image ne porte aucune couleur, c'est le CSS
   qui donne le hex exact de la marque et `soft-light` ne fait que moduler.
   Une texture colorée aurait dérivé de la palette au premier navigateur.
   Sans couture (512 px, vérifié en pavage), 7 Ko en WebP.
   Regénérer : python3 scripts/comfy.py (voir README). */
.kraft-tex,.feuille{
  background-image:image-set(url("/assets/texture/kraft.webp") type("image/webp"),
                             url("/assets/texture/kraft.png") type("image/png"));
  background-size:280px 280px;
  background-blend-mode:soft-light;
}
@media (prefers-reduced-data:reduce){
  .kraft-tex,.feuille{background-image:none}
}