/*
  $Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:06:13 wilt Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.cat_description {  font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #A5E032; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
/* balises corps page */
BODY {
  scrollbar-3d-light-color:#999999;
           scrollbar-arrow-color:#FFFFFF;
           scrollbar-base-color:black;
           scrollbar-dark-shadow-color:#333333;
           scrollbar-face-color:#033A19;
           scrollbar-highlight-color:#999999;
           scrollbar-shadow-color:black;
background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}
/* balises header site*/
TR.header {
  background: #000000;
}
/* barre navigation*/
TR.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  height: 25;
  background-image: url('images/infobox/headclear.gif');
  font-weight : bold;
}
/*texte barre navigation*/
TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
   height: 25;
   color: #F9F3E0;
  font-weight : bold;
}

A.headerNavigation { 
  color: #F9F3E0;
}
/*couleur sur survol texte barre navigation*/
a:hover.headerNavigation {
  color: #A5E032;
}
/* balises du header apparaissant en cas de messages d'erreurs*/
TR.headerError {
  background:#A5E032;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #A5E032;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
/* idem pour messages d'info*/
TR.headerInfo {
  background: #A5E032;
}


TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #A5E032;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/* balise pied de page*/
TR.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  background-image: url('images/infobox/headeep.gif');
  color: #ffffff;
  font-weight: bold;

}


/* baises générales pour toutes les boites y compris celles dans le corps de page
pas utilisées pour nos boites différenciées plus bas*/
.infoBox {
  background: transparent;

}



.infoBoxNotice {
  background: transparent;
}
 /*corps boite = contenu*/
.infoBoxContents {
 background: #FFFFCC;

 border-style: hidden;
 border: border-style;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.infoBoxNoticeContents {
  background: transparent;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

 /* bandeau boite*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: transparent;
  background-image: url('images/infobox/headeep.gif');
  height:25;
  color: #ffffff;
}
/* balises utilisées pour multiples listes : historique d'achats etc...*/
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #A5E032;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #A5E032;
}
/* balises pour les tables listings du corps : liste produits etc...*/
/*TABLE.productListing {
  border: 2px;
  border-style: solid;
  border-color: #033A19;
  border-spacing: 1px;
  background: #FFFFCC;*/

}
/*en tête listing*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  height: 25;
  color: #000000;
  font-weight: bold;
}
/* données du listing : cellule de chaque données , texte de la cellule : ai ajouté ici l'image grise de fond = loco */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: transparent;
  /*background-image: url('images/tbackground.gif');*/
 }

A.pageResults {
  color: #0000FF;
}
/* balises pour un survol lequel ?*/
A.pageResults:hover {
  color: #0000FF;
  background: ##EDF6D3;

}
/* ici la classe du titre des main pages = nom produit dans détail produit ou titre d'une catégorie etc...*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #154754;
}

/* ICI NOUVELLE CLASSE CREEE PAR MOI = style du prix dans le détail d'un produit : déplacé par nos soins sous
sa description... jouer ici sur ses caractéristiques : on peut mettre un fond, etc...) 
le style joue pour toute la cellule contenant le prix : la ligne du prix est composée de 3 cellules divisant la page 
en tiers dont celle du milieu pour le prix voir le background mis provisoirement pour visualiser la dimension*/
TD.priceHeading {
font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #154754;
  background: transparent;

}
/* ____________________*/


/* ai pas vu encore ce qu'était subBar */
TR.subBar {
  background: transparent;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  color: #125A0D;
}
/* textes main page en dehors de celui formaté par l'éditeur dans admin "Bonjour cher visiteur..*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* je ne sais pas ce que c'est */
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
/* table catégories bandeau et données corps de page*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #F9F3E0;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
/* mise en forme présentation panier */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #154754;
}
/* styles texte des différents objets de saisie formulaire */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
/* encore du texte mais où ? */
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
/* messages au client ? peut être celui lui souhaitant la bienvenue...*/
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #252621;
  /*font-weight: bold; */
}
/* formulaires */
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
/* diverses balises pour des marquages spécifiques ...*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
/* visiblement ici le panier et confirm commandes...*/
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #A5E032;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #A5E032 }

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 DEBUT DES DESCRIPTIONS BOITES
 Les images background sont cherchées à partir de templates/original source de la template choisie
 d'où les ranger sous  catalog, Templates, Original, Images, Infobox
 Car la template de départ modifiée est "Original".
 les différentes sections par boites sont séparée pour la 1ere ci-dessous à titre d'exemple commenté.
 Chaque boite a fait l'objet aussi d'une modification dans son fichier php sous Original, Boxes où elles
 sont rangées : il faut déclarer en effet la classe HeadingBox et Box correspondante dans chacun des codes.
 Pour recherche par exemple :  voir search.php avec classe infoSearchBoxHeading et InfoSearchBox.
 Ces modifications ont été faites sur toutes les boites, sauf langauges reportés en header....
 directement dans le code de
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* Début Boite Recherche */

/*chapeau*/
TD.infoSearchBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 height: 20;
 color: #FFFFFF;
}
/*couleur corps boite*/
.infoSearchBox {
 background: transparent;
}
/*couleur contenu*/
.infoSearchBoxContents {
 background: transparent;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
/*texte contenu*/
.SearchboxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
/* FIN boite de recherche */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* Début Boite Produits */

TD.infoCatBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 background: #6699FF;
 background-image: url('images/infobox/headeep.gif');
 height: 30;
 color: #000000;
}

.infoCatBox {
 background: #FFFFCC;
 border-style: solid;
 border-width: 1;
 border-color: #154754;
}

.infoCatBoxContents {
 background: transparent;
 /* background-image: url('images/infobox/headblue.gif'); */
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.CatBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
/* Fin boite produit */

/* Debut _Nouveaux Produits Box */
TD.infoNewBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #EDF6D3;
 background-image: url('images/infobox/headeep.gif');
 height: 20;
 color: #FFFFFF;
}

.infoNewBox {
 background: transparent;
}

.infoNewBoxContents {
 background: #EDF6D3;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.NewBoxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;}
/* EOF_NewBox */
/* Debut_Historique commande Box */
TD.infoHistoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 height: 20;
 color: #000000;
}

.infoHistoBox {
 background: transparent;
}

.infoHistoBoxContents {
 background: transparent;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.HistoBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
/* Fin_HistoBox */

/* Debut_shopping par prix */
TD.infoShopBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 height: 20;
 color: #000000;
}

.infoShopBox {
 background: transparent;
}

.infoShopBoxContents {
 background: transparent;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.ShopBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
/* Fin_ShopBox */

/* Debut_DevisesBox */
TD.infoDevisBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 height: 20;
 color: #000000;
}

.infoDevisBox {
 background: transparent;
}

.infoDevisBoxContents {
 background: transparent;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.DevisBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
/* Fin_DevisesBox */

/* Debut_Informations Box */
TD.infoInformBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 color: #000000;
}

.infoInformBox {
 background: transparent;
}

.infoInformBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.InformBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin_Informations Box */

/* Debut boite panier */
TD.shopcartBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 height: 20;
 background: #16C6A3;
}

.shopcartBox {
 background: #FFFFCC;
 color: #FFFFFF;
 border-style: solid;
 border-width: 1;
 border-color: #154754;
}

.shopcartContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.shopcartText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin boite panier */

/* Debut boite  Who's on line*/
TD.infoWhoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoWhoBox {
 background: transparent;
 color: #FFFFFF;
}
.infoWhoBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoWhoBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  Who's Box */

/* Debut boite  langues*/
TD.infoSpeechBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoSpeechBox {
 background: transparent;
 color: #FFFFFF;
}
.infoSpeechBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoSpeechBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  Who's Box */

/* Debut boite  Reviews "commentaires"*/
TD.infoRewBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoRewBox {
 background: transparent;
 color: #FFFFFF;
}

.infoRewBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoRewBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  ReviewsBox */

 /* Debut boite  Notification */
TD.infoNotifBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoNotifBox {
 background: transparent;
 color: #FFFFFF;
}

.infoNotifBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoNotifBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  NotificationBox */

/* Debut boite  inscription */
TD.infoRegBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: transparent;
 background-image: url('images/infobox/headeep.gif');
 }

.infoRegBox {
 background: #FFFFCC;
 color: #FFFFFF;
 border-style: solid;
 border-width: 1;
 border-color: #154754;
}

.infoRegBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoRegBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  InscriptionBox */

/* Debut boite  Ventes */
TD.infoVentBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoVentBox {
 background: transparent;
 color: #FFFFFF;
}

.infoVentBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoVentBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  VentesBox */

/* Debut boite  NEWS */
TD.infoNewsBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: transparent;
 background-image: url('images/infobox/headeep.gif');
 }

.infoNewsBox {
 background: transparent;
 color: #FFFFFF;
}

.infoNewsBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoNewsBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin  NEWS Box */

/* Debut boite dernière NEWS */
TD.infoNewLatBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoNewLatBox {
 background: transparent;
 color: #FFFFFF;
}

.infoNewLatBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoNewLatBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin derniere NEWS Box */

 /* Debut boite  FAQ */
TD.infoFaqBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: transparent;
 background-image: url('images/infobox/headeep.gif');
 }
.infoFaqBox {
 background: transparent;
 color: #FFFFFF;
}
 .infoFaqBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoFaqBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin FAQ Box */

/* Debut boite dernière FAQ */
TD.infoFaqLatBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infoFaqLatBox {
 background: transparent;
 color: #FFFFFF;
}

.infoFaqLatBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoFaqLatBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin derniere FAQ Box */

/* debut _info amiBox */
TD.infofriendBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 8px;
 font-weight: bold;
 color: #000000;
 height: 20;
 background: #DDF7DB;
 background-image: url('images/infobox/headeep.gif');
 }

.infofriendBox {
 background: transparent;
 color: #FFFFFF;
}

.infofriendBoxContents {
 background: transparent;
 border-style: hidden;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infofriendBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;font-weight: bold; }
/* Fin info ami Box */
/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
