html{
  font-family:"bitstream vera sans";
  font-size:80%;
}

p{margin:0px;}
img{border:0px;}

.menu-colonne{
  float:left;
  width:180px;
  background-color:#CCB181;
}

.menu-colonne a{
  color:#27323E;
}

.menu-colonne img{vertical-align:middle;}

.page-contenu{
  margin-left:190px;
}

.Itext{
  border:1px solid #AFAFAF;
}

.Itext-red{
  background-color:#FFC0C0;
  border:1px solid #FFA0A0;
}

.Itext-8C5A04{
  background-color:#CCBDA3;
  border:1px solid #8C5A04;
}

.Itext-s{
  background-color:#F0F0FF;
  border:1px solid #7F7FFF;
}

.Itext-w{
  width:95%;
  border:1px solid #AFAFAF;
}

.Itext-w75{
  width:75%;
  border:1px solid #AFAFAF;
}

.Itext-w100 {width: 100%; border: 1px solid #afafaf;}

.Itextarea{
  width:95%;
  border:1px solid #AFAFAF;
}

.Itextarea-w100 {width: 100%; border:1px solid #afafaf;}

.Itextarea-n{
  border:1px solid #AFAFAF;
}

.Itext-lp-l{
  font-size:14px;
  height:16px;
  border-top:0px;
  border-bottom:1px solid black;
  border-left:0px;
  border-right:0px;
}

.Itext-pan{
  width:20px;
  height:12px;
  font-size:12px;
  border:1px solid #AFAFAF;
}

.Iselect-w100 {width: 100%; border: 1px solid #afafaf;}

.sep{color:#DFDFDF;}

.lien-noir{color:black; text-decoration:none;}
.lien-noir:hover{text-decoration:underline;}

.tab{
  width:100%;
}

.tab thead td{
  text-align:center;
  font-size:12px;
  font-weight:bold;
  background:url("images/tab-entete.png") repeat-x; height:32px;
  padding:0px 8px;
}

.tab thead th{
  text-align:center;
  font-size:14px;
  font-weight:bold;
  background:url("images/tab-entete-rouge.png") repeat-x; height:32px;
  padding:0px 8px;
}

.tab-s0{
  background:url("images/tab-entete.png") repeat-x; height:32px;
}

.tab-s1{
  background:url("images/tab-entete-rouge.png") repeat-x; height:32px;
}

.tab-case tr td{
  background-color:#EFEFEF;
  padding:0px 8px;
}

.tab-voir tr th{text-align:left; width:20%;}
.tab-voir tr th img{vertical-align:middle;}
.tab-voir tr td{}

.tab-liste tr td{
  background:#EFF0F0 url("images/tab-alt-1.png") repeat-x; height:32px;
  padding:0px 8px;
}

.tab-liste tr td a{
  color:#00005F;
}

.tab-entete{
  background:#EFF0F0 url("images/tab-entete.png") repeat-x; height:32px;
  text-align:center;
  font-weight:bold;
  padding:0px 8px;
}

.tab-alt-1{
  background:#EFF0F0 url("images/tab-alt-1.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-1 a{color:black; text-decoration:none;}

.tab-alt-vert{
  background:#6FCC67 url("images/tab-alt-vert.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-vert a{color:black; text-decoration:none;}

.tab-alt-bleu{
  background:#79B4D2 url("images/tab-alt-bleu.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-bleu a{color:black; text-decoration:none;}

.tab-alt-orange{
  background:#F5B556 url("images/tab-alt-orange.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-orange a{color:black; text-decoration:none;}

.tab-alt-rouge{
  background:#D88B8B url("images/tab-alt-rouge.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-rouge a{color:black; text-decoration:none;}

.tab-alt-noir{
  color:white;
  background:#474747 url("images/tab-alt-noir.png") repeat-x; height:32px;
  padding:0px 8px;
}
.tab-alt-noir a{color:white; text-decoration:none;}

.carre-1{background-color:#EFF0F0; width:8px; height:8px;}
.carre-vert{background-color:#6FCC67; width:8px; height:8px;}
.carre-bleu{background-color:#79B4D2; width:8px; height:8px;}
.carre-orange{background-color:#F5B556; width:8px; height:8px;}
.carre-rouge{background-color:#D88B8B; width:8px; height:8px;}
.carre-noir{background-color:#474747; width:8px; height:8px;}

.tab-form{width:100%;}

.tab-form tr th{
  text-align:left;
  font-weight:normal;
  width:15%;
  padding:2px;
}

.tab-form tr td{
  padding:2px;
}

.tab-form2{width:100%;}

.tab-form2 tr th{
  text-align:left;
  font-weight:normal;
  width:7.5%;
  padding:2px;
}

.tab-form2 tr td{
  padding:2px;
}

.tab-s{border-collapse:collapse;}
.tab-s tr th{border:1px solid #7F7F7F; padding:2px;}
.tab-s tr td{border:1px solid #7F7F7F; padding:2px;}

.ts-bord{border:1px solid black; padding:0px 8px 0px 8px;}
.ts-spc{height:8px; font-size:4px;}

.tab-grille-n{border-collapse: collapse;}
.tab-grille{width: 100%; border-collapse: collapse;}
.tab-grille th, .tab-grille-n th{border: 1px solid #DFDFDF;}
.tab-grille td, .tab-grille-n td{border: 1px solid #DFDFDF;}

.tab-file-images{width:100%; border-collapse:collapse;}
.tab-file-images tr td{border:1px solid #DFDFDF; padding:4px;}

/* Tableau de valeurs */
.tab-val{width:100%; border-collapse:collapse;}
.tab-val td{border:1px solid #DFDFDF;}
.tab-val td a{color:black;}

.tab-classement{border-collapse:collapse;}
.tab-classement td{border:1px solid #DFDFDF; padding:0px 4px; vertical-align:top;}
.tab-classement td input[type=checkbox]{vertical-align:middle; padding-right:8px;}


.choix-cat-pri{padding-top:16px;}
.cat-pri-select{font-weight:bold; color:green;}

.annule-tab-val{width:100%; border-collapse:collapse;}
.annule-tab-val td{border:0px;}

.tab-res-h{background-color:#DBD9D7; height:33px; padding:4px;}
.tab-res-d{background-color:#FFEDD2; height:33px; padding:4px;}

.barre-titre{background-color:#CCB181; height:24px; font-weight:bold;}
.barre-titre a{color:black; position:relative; top:4px;}
.barre-titre select{position:relative; top:1px; right:1px; background:none;}

.t1{text-align:center; font-size:12px; font-weight:bold; background:url("images/tab-entete.png") repeat-x; height:32px; padding:0px 8px;}
.l1{background:#E2E3E3 url("images/l1.png") repeat-x; font-size:11px; font-weight:bold; height:32px; padding:0px 8px 0px 8px;}
.c1{background-color:#FFEDD2; padding:4px; vertical-align:top;}
.c1 input{vertical-align:middle;}
.c1h{background-color:#DCEEFF; padding:4px; vertical-align:top;}
.c1h input{vertical-align:middle;}
.c2{background-color:#FFCD82; padding:4px; vertical-align:top;}
.c2 input{vertical-align:middle;}
.c2h{background-color:#C0D1ED; padding:4px; vertical-align:top;}
.c2h input{vertical-align:middle;}

.img-liste img{width:50px;}
.img-liste-pg img{width:150px;}

.hr-1{border-top:1px solid #5F5F5F; border-bottom:0; border-left:0; border-right:0;}
.hr-2{border-top:1px solid #DFDFDF; border-bottom:0; border-left:0; border-right:0;}
.hr-3{border-top:1px solid #E7E7E7; border-bottom:0; border-left:0; border-right:0;}

.b1{border:1px solid black;}

.titre1{font-size:20px; font-weight:bold;}

.cadre-bg{color:black; width:20px; height:20px; border:2px solid black; margin:auto;}
.cadre-bg p{position:relative; top:2px;}

.bg1{background-color:#964b00;}
.bg2{background-color:#ff0028;}
.bg3{background-color:#ffb000;}
.bg4{background-color:#efef00;}
.bg5{background-color:#00a620;}
.bg6{background-color:#3366ff;}
.bg7{background-color:#a000a0;}

.submit_quantite{background:url("images/calculator_edit.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.cmd-store-credit{position:absolute; bottom:4px; right:4px; text-align:right; font-size:0.8rem; font-style:italic;}
.cmd-store-credit-attente{color:orange;}
.cmd-store-credit-valide{color:green;}
.cmd-store-credit-client-desinscrit{color:grey;}

.carre-couleur{float:left; width:80px; height:80px; margin-right:8px; cursor:pointer;}
.carre-couleur p{text-align:center; background-color:white; width:80px;}

[data-cmd-etat-produit]{position: absolute; bottom: 0; left: 0; width: calc(100% - 8px); padding: 4px;}
[data-cmd-etat-produit="1"]{color: white; background-color: #00a000;}
[data-cmd-etat-produit="2"]{color: white; background-color: #a00000;}
[data-cmd-etat-produit="3"]{color: white; background-color: #2c6ae7;}

[data-cmd-stockage-encombrant]{position: absolute; bottom: 24px; right: 4px; width: 56px; height: 56px; cursor: pointer;}
[data-cmd-stockage-encombrant="0"]{background-image: url("images/storage-56-0.png");}
[data-cmd-stockage-encombrant="1"]{background-image: url("images/storage-56-1.png");}

.cmd-suivi-date-prise-en-charge {text-align:right; color: #1d77d0;}
.cmd-suivi-date-livraison {text-align:right; color: #41a637;}

.message-remplacement-src{color: green; cursor: pointer;}

.i-rechercher{display: inline-block; background: url("images/rechercher.png"); width: 48px; height: 48px; border: 0px; cursor: pointer;}

#produits-presentoir{width: calc(100% - 172px); overflow-y: scroll;}
#produits-presentoir[data-division="1"]{height: 41vh;}
.produit-presentoir{position :relative; text-align: center; vertical-align: top;}
.produit-presentoir[data-action-remplace="1"]{background-color: orange;}
.produit-presentoir[data-action-retire="1"]{background-color: #a00000 !important;}
.produit-presentoir[data-action-ajoute="1"]{background-color: #00a000;}
.produit-presentoir-references[data-action="remplacer"]{color: white; background-color: #806000;}
.produit-presentoir-references[data-action="retirer"]{color: white; background-color: #a00000;}
.produit-presentoir-actions{text-align: left;}
.produit-presentoir-actions input[type="checkbox"], .produit-presentoir-actions label{vertical-align: middle;}
.produit-presentoir-actions label{padding: 2px;}
.produit-presentoir-actions input[name^="select_remplacer"]:checked+label{background-color: orange;}
.produit-presentoir-actions input[name^="retirer"]:checked+label{color: white; background-color: #a00000;}

.produit-presentoir-emplacement{color: white; background-color: #8c7759; width: 100%;}
.produit-presentoir-ref-interne{color: white; background-color: #606060; width: 100%; margin-top: 1px;}
.produit-presentoir-prix{color: white; background-color: #808080; width: 100%; margin-top: 1px;}
.produit-presentoir-variante{background-color: #f0f0f0; width: 100%; margin-top: 2px;}

.presentoir-produit-choix{position: absolute; top: 0; right: 0; width: 160px; height: calc(100% - 42px); border: 1px solid #808080; padding: 4px;}
.presentoir-produit-rechercher{display: inline-block; background-color: #c0c0c0; font-size: 1.2rem; text-align: center; padding: 4px; cursor: pointer;}

.presentoir-annule-action-emplacement{color: white; background-color: #808080; text-align: center; width: 100%; cursor: pointer;}
.presentoir-annule-action-emplacement[data-active="0"]{display: none;}

.presentoir-image-full{max-width: 500px;}

#presentoir-actions-form{height: 32px;}

#recherche-es{border: 2px solid #808080; margin-top: 8px; padding: 4px;}
#recherche-es[data-active="0"]{display: none;}
#recherche-es[data-division="1"]{height: 38vh;}
.es-input-cont{font-size: 1.2rem; font-weight: bold; height: 30px; border-bottom: 1px solid #808080; padding-bottom: 4px;}
.es-input-cont input[type="text"]{font-weight: normal; font-size: 1.3rem; height: 26px;}
.es-input-cont input[type="text"][name="es-input"]{width: 250px;}
.es-input-cont input[type="text"][name="es-min-price"]{width: 80px;}
.es-input-cont input[type="text"][name="es-max-price"]{width: 80px;}

#es-txt-nb-resultats{float: right; font-size: 1.4rem; padding: 4px;}
#es-resultats{overflow-y: scroll; height: calc(100% - 35px); padding-top: 4px;}
.es-resume-product{display: inline-block; cursor: pointer;}
.es-resume-product-img{}
.es-resume-product-price{}
.es-resume-product-was-price{}
.es-resume-product-price-from{}

#es-hits{text-align: center;}

/*
#es-use-document{display: inline-block; font-size: 1.2rem; text-align: center; color: white; background-color: #606060; width: calc(100% - 8px); margin-top: 4px; padding: 4px; cursor: pointer;}
*/
#es-errors{color: red;}


.titre-apercu-cat-sec {color: #606060; font-weight: bold;}


.client-pro {display: inline-block; background: url("images/pro24.png"); width: 24px; height: 24px; margin: 0 8px; vertical-align: middle;}


/* commandes */

.commande-pack-titre {position: relative; font-weight: bold; background-color: #d0d0d0; padding: 4px;}
.commande-mise-de-cote {color: #1d77d0;}
.commande-lignes-erreur {color: red;}


/* remboursements */

[data-role="bouton-remboursement-via-api"] {margin: 8px 0 0 200px; border: 1px solid #408000; background-color: #60c000; border-radius: 4px;}
.remb-bouton-terminer {margin-top: 16px; border: 1px solid #408000; background-color: #60c000; border-radius: 4px;}
.remb-result {font-size: 1.2rem; font-weight: bold;}
.remb-result[data-success="1"] {color: green;}
.remb-result[data-success="0"] {color: red;}


/* filtres - pages */

[data-role="ligne-filtre"] {font-weight: bold;}
[data-role="conteneur-filtre"] label {margin-left: 16px;}


/* c-p = id de la fenêtre popup */
#opaque{position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.2); width: 100vw; height: 100vh;}
#popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: white; min-width: 600px; height: 400px; border: 2px solid #7f7f7f; border-radius: 10px; padding: 8px;}
#popup-titre{font-weight: bold; font-size: 1rem; border-bottom: 1px solid #afafaf; height: 24px;}

.S-haut{background:url("images/haut.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-bas{background:url("images/bas.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-gauche{background:url("images/gauche.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-droite{background:url("images/droite.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-nofollow{background:url("images/nofollow.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-haut-gris{background:url("images/haut-gris.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-bas-gris{background:url("images/bas-gris.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-voir{background:url("images/edit.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-edit{background:url("images/voir.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-a-gauche{background:url("images/aligner-gauche.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-a-centre{background:url("images/centrer.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-a-droite{background:url("images/aligner-droite.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-vide{background:url("images/vide.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-ok{background:url("images/ok.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-aj{background:url("images/aj.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-suppr{background:url("images/suppr.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-email{background:url("images/email.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-pieces{background:url("images/pieces.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-code{background:url("images/code.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-feuille{background:url("images/facture.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-loupe{background:url("images/loupe.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-loupe8{background:url("images/loupe8.png") center no-repeat; width:8px; height:8px; border:0px; cursor:pointer;}
.S-tri{background:url("images/tri.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-imprimer{background:url("images/imprimer.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-imprimer-bon{background:url("images/imprimer-bon.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-connexion{background:url("images/connexion.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-edit{background:url("images/edit.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-colere{background:url("images/colere.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-aj-panier{background:url("images/aj-panier.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-v48{background:url("images/v48.png"); width:48px; height:48px; border:0px; cursor:pointer;}
.S-v48-0{background:url("images/v48-0.png"); width:48px; height:48px; border:0px; cursor:pointer;}
.S-restaurer{background:url("images/restaurer.png"); width:22px; height:32px; border:0px; cursor:pointer;}
.S-paintbrush{background:url("images/paintbrush.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-no-paintbrush{background:url("images/no-paintbrush.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-balai{background:url("images/balai.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-prepasecure{background:url("images/prepasecure.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-expeditor{background:url("images/expeditor.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-map{background:url("images/map.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-avoir{background:url("images/avoir.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-escalier{background:url("images/escalier.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-coliship{background:url("images/coliship.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-ref-interne{background:url("images/barcode.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-laposte{background:url("images/laposte.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-panier{background:url("images/panier.png"); width:32px; height:32px; border:0px; cursor:pointer;}
.S-box32{background:url("images/box32.png"); width:32px; height:32px; border:0px; cursor:pointer;}

.S-0{background:url("images/0.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-1{background:url("images/1.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-point-n{background:url("images/point-n.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.S-point-p{background:url("images/point-p.png") no-repeat center; width:6px; height:6px; border:0px; cursor:pointer;}

.S-fleche-gauche{background:url("images/arrow_left.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.S-pix{background: none; width: 1px; height: 1px; border: none;}

.I-attention {display:inline-block; background:url("images/attention.png"); width: 24px; height: 24px; border: 0; cursor: pointer;}
.I-attention-jaune {display:inline-block; background:url("images/attention-jaune.png"); width: 24px; height: 24px; border: 0; cursor: pointer;}
.I-attention-rouge {display:inline-block; background:url("images/attention-rouge.png"); width: 24px; height: 24px; border: 0; cursor: pointer;}

.I-index-1{display:inline-block; background:url("images/report_add.png"); width:16px; height:16px; border:0px;}
.I-index-0{display:inline-block; background:url("images/report_add-0.png"); width:16px; height:16px; border:0px;}

.b-bleu{background:url("images/b-bleu.png") no-repeat center; width:150px; height:24px; border:0px; cursor:pointer; color:white; margin:1px;}
.b-vert{background:url("images/b-vert.png") no-repeat center; width:150px; height:24px; border:0px; cursor:pointer; color:white; margin:1px;}

.red{color:red;}
.green{color:green;}
.orange {color: #905000;}
.bold{font-weight:bold;}
.pad4{padding:4px;}

.form-erreur{color:red; font-size:14px;}

.input-img input{vertical-align:middle;}

.msgimp{color:red; font-weight:bold; font-size:14px;}
.msgimp a{color:red;}
.msgimp:before{content:url("images/erreur.png");}

[data-displayed="0"]{display: none;}
[data-removed="1"]{display: none;}

.bb_color{width:8px; height:24px;}

.gris{color:#7F7F7F; font-style:italic;}

.t-center{margin-left:auto; margin-right:auto;}
.vtop{vertical-align:top;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.middle{vertical-align:middle;}
.b{font-weight: bold;}
.u{text-decoration:underline;}
.i{font-style:italic;}
.rel{position: relative;}
.fr{float: right;}
.cursor{cursor:pointer;}
.dn{display:none;}
.inline {display: inline;}
.padlr8 {padding: 0 8px;}
.w1 {width: 1%;}

input{outline: none;}