body         { color: #000000; font-family: Verdana; font-size: 11px; background-color: #FFFFFF }
td           { color: #000000; font-family: Verdana; font-size: 11px }

a            { color: #FF790E; font-size: 11px }
a:hover      { color: #FF790E }
a:active     { color: #FF790E }

input.champ {
border:1px solid #7F9DB9;
font-family: Verdana; font-size: 11px;
color: #6C8399; font-weight: bold; position:relative;
height:20; width:138;
}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #7F9DB9; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #6C8399; }


/* message box */

.messageBox { font-family: Verdana; font-size: 11px }
.messageStackError, .messageStackWarning { font-family: Verdana; font-size: 10px; color: #D21600; font-weight: bold }
.messageStackSuccess { font-family: Verdana; font-size: 10px; color: #95B500; font-weight: bold }


.moduleRow { color: #FF7900; font-size: 11px}
.moduleRowOver { color: #DC7C00; cursor: pointer; cursor: hand; }
.moduleRowSelected { color: #000000; }



/*----------------------page-accueil-bandeau-horizontal----------------------*/


.menus-items         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#95B500 }
:hover.menus-items   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:active.menus-items  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }

.menus-selected-items         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:hover.menus-selected-items   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:active.menus-selected-items  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }


.menu-panier         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#B48800 }
:hover.menu-panier   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#997400 }
:active.menu-panier  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#997400 }


.sous-menus-items         { color: #FFFFFF; font-size: 10px; text-decoration: none }
.sous-menus-selected-items         { color: #FF790E; font-size: 10px; text-decoration: none }



span.nb-articles  { color: #B48800; font-size: 11px; font-weight: bold }
span.id           { color: #D21600; font-size: 11px; font-weight: bold }
span.rech         { color: #D21600; font-size: 10px; font-weight: bold }
span.date         { font-family: Arial; margin-right:6; float:right; position:relative; top:4 }
span.info         { color: #7F9DB9; font-size: 9px; line-height:120% }



/*----------------------page-accueil-bandeau-vertical----------------------*/


.menu-accueil           { color: #7F9DB9; font-size: 10px; font-weight: bold; text-decoration: none; margin-bottom:5 }
:hover.menu-accueil     { color: #485D70 }
:active.menu-accueil    { color: #000000 }

.menus-id              { color: #D21600; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-id        { color: #8A0E00 }
:active.menus-id       { color: #000000 }

.menu-suivi            { color: #B48800; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menu-suivi      { color: #876600 }
:active.menu-suivi     { color: #000000 }

.menus-service          { color: #F06A00; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-service    { color: #C85900 }
:active.menus-service   { color: #000000 }

.s-menus-service          { color: #F06A00; font-size: 10px; font-weight: bold; text-decoration: none; margin-left:24 }
:hover.s-menus-service    { color: #C85900 }
:active.s-menus-service   { color: #000000 }

.menus-divers           { color: #FF9000; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-divers     { color: #DC7C00 }
:active.menus-divers    { color: #000000 }

.menu-favoris           { color: #FF9000; font-size: 9px; text-decoration: none }
:hover.menu-favoris     { color: #DC7C00 }
:active.menu-favoris    { color: #000000 }



/*----------------------page-accueil-encarts----------------------*/


span.titrepromo      { color: #F06A00; font-size: 14px; font-weight: bold }


span.dispo           { color: #F06A00; font-weight: bold }
span.promo           { color: #F06A00; font-weight: bold }
span.tarif           { font-weight: bold }
.article-accueil     { color: #789201; font-size: 12px; font-weight: bold; text-decoration: none }

.vignette-small      { border:1px solid #B6B6B6; margin-right:10 }

.article             { color: #789201; font-size: 12px; font-weight: bold }
:hover.article       { color: #485700 }
:active.article      { color: #485700 }

.description-accueil { color: #42586C;  text-decoration: none }

.selection-vente    { color: #FFFFFF }
.compte             { color: #6C8399; font-size: 10px; font-weight: bold; text-decoration: none}
:hover.compte       { color: #42586C }
:active.compte      { color: #000000 }

.menu-ajouter         { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#B48800 }
:hover.menu-ajouter   { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#997400 }
:active.menu-ajouter  { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#997400 }


.navig-items         { color: #D21600; font-size: 11px; text-decoration: none }
:hover.navig-items   { color: #D21600; border:1px solid #D21600; padding-left:3; padding-right:3; padding-top:2; padding-bottom:2 }
:active.navig-items  { color: #D21600; border:1px solid #D21600; padding-left:3; padding-right:3; padding-top:2; padding-bottom:2 }



/*----------------------pages-identification----------------------*/

TD.text-id-small, SPAN.text-id-small, P.text-id-small {
   color: #6C8399; 
   font-size: 10px; 
   font-weight: bold
}

.titre-id           { font-family: Verdana; font-size: 12px; color: #D21600; font-weight: bold }
span.text-id        { color: #6C8399; font-weight: bold }
td.text-id        { color: #6C8399; font-weight: bold }

.titre-id-point           { font-family: Verdana; font-size: 12px; color: #D21600; font-weight: bold; text-align:center; }
td.text-id-point        { color: #6C8399; font-weight: bold; text-align:center; }

td.text-ex-small  { color: #6C8399; font-size: 10px; font-weight: normal; }
span.text-ex-small  { color: #6C8399; font-size: 10px; font-weight: normal; }
span.text-champ     { color: #D21600; font-weight: bold }
td.text-champ     { color: #D21600; font-weight: bold }
.champ              { margin-top: 0; margin-bottom:8 }

.mot-passe          { color: #6C8399; font-size: 10px; font-weight: bold }
:hover.mot-passe    { color: #42586C }
:active.mot-passe   { color: #000000 }



/*----------------------pages-divers----------------------*/


.titre-divers       { font-family: Verdana; font-size: 12px; color: #FF9000; font-weight: bold }
span.text-divers    { color: #FF9000; font-weight: bold }



/*----------------------pages-service----------------------*/


.titre-service      { font-family: Verdana; font-size: 12px; color: #F06A00; font-weight: bold }
td.text-service   { color: #42586C }
span.text-service   { color: #42586C }



/*----------------------popup-achats----------------------*/


.titre-panier       {font-family: Verdana; font-size: 12px; color: #B48800; font-weight: bold }
.titre-article      {font-family: Verdana; font-size: 12px; color: #789201; font-weight: bold }

.vignette           { border:1px solid #B6B6B6 }

.article        { color: #789201; font-size: 12px; font-weight: bold }
.text-article   { color: #789201; font-size: 12px }
.tarif-popup    { font-size: 14px; font-weight: bold }
.rubric-tablo   { color: #FFFFFF }
.text-tablo     { font-size: 12px }
.qte-tablo      { color: #F06A00; font-size: 12px; font-weight: bold }
.text-modes     { color: #015BA4; font-size: 9px }
.info-commande  { color: #7F9DB9; font-size: 9px; font-weight: bold  }


.supprimer          { color: #B48800 }
:hover.supprimer    { color: #876600 }
:active.supprimer   { color: #000000 }

.modifs             { color: #B48800; font-weight: bold }
:hover.modifs       { color: #876600 }
:active.modifs      { color: #000000 }

.reduc              { color: #F06A00; font-weight: bold }
:hover.reduc        { color: #C85900 }
:active.reduc       { color: #000000 }

.commande           { color: #000000; font-weight: bold }
:hover.commande     { color: #B48800 }
:active.commande    { color: #000000 }

.menu-ajouter-pop         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#B48800 }
:hover.menu-ajouter-pop   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#997400 }
:active.menu-ajouter-pop  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#997400 }

/*----------------------page de plan du site----------------------*/

.plan-soustitre      { color: #000000; font-weight: bold; margin-left:40px}
.plan-soustitre-menu { color: #000000; font-weight: bold; margin-left:20px}
a.titreplan          { color: #F06A00; font-weight: bold; text-decoration: none; margin-left: 50px }
.soustitreplan      { color: #7F9DB9; font-size: 10px; font-weight: bold; text-decoration: none; margin-bottom:5; text-decoration: none; margin-left:70px }
:hover.soustitreplan { color: #485D70 }
:active.soustitreplan{ color: #000000 }
a.titreplan-menu     { color: #FF9000; font-size: 14px; font-weight: bold; text-decoration: none; }
a.soustitreplan-menu { color: #F06A00; font-size: 12px; font-weight: bold; text-decoration: none; }
/*----------------------space----------------------*/