/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; 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; }

BODY {
   /*background-image: url(images/vert.gif); background-repeat: repeat-x;*/
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

img
{
border: 0;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #108518;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  /*background: #fb77a2; /*#19d926;*/
}

TR.headerNavigation {
/*   background: #14ab1f; */
}

TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #14ab1f;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  background-image: url(images/infobox/fond_headernav.png);
  background-repeat: repeat-x;
}

A.headerNavigation { 
  color: #ffffff;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #b5d2b1;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b5d2b1;
  color: #696969;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
  border-style: solid;
  border-color: #14ab1f;
  border-width: 1px 1px 1px 1px;
}

.infoBoxContents {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.infoBoxNotice {
  background: #14ab1f;
}

.infoBoxNoticeContents {
  background: #14ab1f;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeadingC {
  /*background: #14ab1f;*/
}

/***TD du milieu avec background-image****/
TD.infoBoxHeadingF {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  /*text-align: center;*/
  background-image: url(images/infobox/fond_header.png);
  background-repeat: repeat-x;
  /*background: #14ab1f;*/
}

A.infoBoxHeading {
  color: #ffffff;
}

A.infoBoxHeading:hover {
  color: #ffffff;
}

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: #ffffff;
}

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: #d5f7d0;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #14ab1f;
  border-spacing: 1px;
}

/*** header des pages produits*/
.productListing-headingTr {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  height:28px;
  background-image: url(images/infobox/fond_headerpr.gif);
  background-repeat: repeat-x;
  /*background: #14ab1f;*/
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  /*height:28px;*/
  /*background: #14ab1f;*/
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  height:30px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #108518;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #108518;
}

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;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

INPUT[type="text"], INPUT[type="password"] {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-color: #b3b3b3;
 }

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  white-space: pre;
  border-width: 1px;
  border-style: solid;
  border-color: #b3b3b3;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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;
}

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;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: auto; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }

.checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #108518; }

/* 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: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*** Begin Header Tags SEO ***/

h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #108518;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  /*line-height: 1.5;*/
}
/*** End Header Tags SEO ***/

/*** le mien SEO ***/
h3 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 display: inline;
 color: #108518;
}

h4 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 display: inline;
 /* color: #000;*/
}

h5 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 display: inline;
 /* color: #000;*/
}
/*** Fin le mien SEO ***/

.titre {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 display: inline;
 color: #108518;
}

/************ formater le prix ******************/
.msgfdpgratuitPanier {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 font-style: italic;
 color: #ff0000;
}

/*** pour le Sous-Total panier***/
.prixST {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 /*color: #fff000;*/
}

.prixTotauxPanier {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 /*color: #fff000;*/
}

/*** pour le Total panier***/
.prixpanier {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 /*color: #fff000;*/
}
/*** fin formater le prix ***/

/*********changer le style de la box panier***********/
TD.infoBoxHeadingPanierC {
  /*background: #ec5310;*/
}

/***TD du milieu avec background-image****/
TD.infoBoxHeadingPanierF {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-image: url(images/infobox/fond_headerp.png);
  background-repeat: repeat-x;
}

A.infoBoxHeadingPanier {
  color: #ffffff;
}

A.infoBoxHeadingPanier:hover {
  color: #ffffff;
}

.infoBoxPanier {
  background: #ffffff;
  border-style: solid;
  border-color: #ec5310;
  border-width: 1px 1px 1px 1px;
}

.infoBoxContentsPanier {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxPiedPanierF {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-image: url(images/infobox/fond_pied_panier.png);
  background-repeat: repeat-x;
}

A.infoBoxPiedPanier {
  color: #ffffff;
}

A.infoBoxPiedPanier:hover {
  color: #ffffff;
}

/*** box-panier - message frais de port gratuit ***/
.msgfdpgratuit {
 font-family: Verdana, Arial, sans-serif;
 font-size: 9px;
 font-weight: bold;
 font-style: italic;
 color: #ff0000;
}
/***fin changer le style de la box panier***/

/***changer le style de la box categories***/
.infoBoxStyleCategorie {
   border: solid #dddddd;
   border-width: 0 0 1px 0;
   height: 22px;
}

.infoBoxLinkCategorie {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 10px;
}

A.infoBoxLinkCategorie { 
  color: #000000;
  text-decoration: none;
  display: inline;
}

A.infoBoxLinkCategorie:hover {
  color: #108518;
  text-decoration: none;
  font-weight: bold;
  display: inline;
}

.infoBoxCategorieLinkActive {
  color: #108518;
  text-decoration: none;
  font-weight: bold;
  display: inline;
}
/***Fin changer le style de la box categories***/

/***changer le style des box***/
.infoBoxStyle {
   border: solid #dddddd; 
   border-width: 0 0 1px 0;
   height: 20px;
}

.infoBoxLink {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 10px;
}

.StyleInfoBoxContentDefault {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
/*   padding-left: 10px; */
}
/***Fin changer le style des box***/

/***changer le style de product_info.php (detail produit)***/
.productInfoHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 10px;
  background: #d5f7d0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
}

/*bordure de la table */
.productInfoBox {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  padding: 0px;
}
/*** trait verticale sépare le text et l'image ***/
.productInfoSV {
  border: solid #dddddd; 
  border-width: 0 0 0 1px;
}

/*** trait horizontal sépare le text/image et les (produits clients) ***/
.productInfoSH {
  border: solid #dddddd; 
  border-width: 0 0 1px 0 ;
}
/*** le prix du produit ***/
.productInfoPrix {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
/*** le prix du produit en promo ***/
.productInfoPromo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.productInfoAcien {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.productInfoPricePourcent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  background-color: #d62f13;
}
/*** fin le prix du produit en promo ***/

/***changer le style de la box (les clients qui ont ...)***/
TD.infoBoxHeadingAlsoP {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  /*text-align: left;*/
  padding: 10px;
  background: #d5f7d0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
}

.infoBoxAlsoP {
  background: #ffffff;
}

.infoBoxContentsAlsoP {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*** la bourdure des produits-clients ***/
.productsClientsSVH {
  border: solid #dddddd; 
  border-width: 1px 1px 1px 1px;
}
/***fin changer le style de la box (produits clients qui ont ...)***/
/***Fin changer le style de product_info.php (detail produit)***/

/*** header de la page panier ***/
.ShoppingCartHeading {
  height:28px;
  background-image: url(images/infobox/fond_headerpp.gif);
  /*background-repeat: repeat-x;*/
  /*background: #14ab1f;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/*** fin header de la page panier ***/

/*********2e Barre de Navigation*************/
.barreNavigation2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-align: left;
  background: #d5f7d0;
}

TD.barreNavigation2 {
  border-style: solid;
  border-color: #dddddd;
  border-width: 0 0 1px 0;
  height: 28px;
/*background-image: url(images/infobox/fond_headernav.gif);
  background-repeat: repeat-x;*/
}

A.barreNavigation2 { 
  color: #000000;
  text-decoration: none;
  display: inline;
}

A.barreNavigation2:hover {
  color: #108518;
  text-decoration: underline;
  display: inline;
}
/*********Barre recherhcer*************/

/*********Fil d'ariane breadcrumb*************/
.fildariane {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-align: left;
}

A.fildariane { 
  color: #000000;
  text-decoration: none;
  display: inline;
}

A.fildariane:hover {
  color: #108518;
  text-decoration: underline;
  display: inline;
}
/*********Fin Fil d'ariane breadcrumb*************/

.headerSearch {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
/*********Fin Barre recherhcer*************/
/*********Fin 2e Barre de Navigation*************/

/*** Box_Login ****/
.infoBoxHeadingLogin {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  /*text-align: center;*/
  /*background-image: url(images/infobox/fond_header_login.png);*/
/*   background-repeat: repeat-x; */
  /*background: #14ab1f;*/
}

.infoBoxContentLogin {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.infoBoxLogin {
/*   background: #ffffff; */
/*   border-style: solid; */
/*   border-color: #14ab1f; */
/*   border-width: 1px 1px 0px 1px; */
}
/*** Fin Box_Login ****/

.StyleProductTable {
  border: solid #dddddd; 
  border-width: 1px 1px 1px 1px;
}

.StyleProductHeadingTable {
  border: solid #dddddd; 
  border-width: 0px 0px 1px 0px;
  background: #d5f7d0;
  height: 40px;
}

.StyleProductHeadingTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

.StyleProductContentTable {
  height: 270px;
}

.StyleProductContentDefault {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.StyleProductSmallDescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
/*   color: #da5700; */
}

.StyleProductLinkInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #da5700;
  text-decoration: none;
}

.StyleProductPrice {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 white-space: nowrap;
}

.StyleProductPriceAcien {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 white-space: nowrap;
}

.StyleProductPricePromo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  white-space: nowrap;
}

.StyleProductPricePourcent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background-color: #d62f13;
}

/* affichage En Stock - Hors Stock */
.StyleProductEnStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #108518;
}

.StyleProductHorsStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #c70070;
}

/*********Largeur du site web*************/
.resolution {
  width: 952px;
}

.bodyresolution {
  width: 952px;
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 0 1px 0 1px;
  background: #ffffff;
}

.headerResolution {
  width: 952px;
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 1px 1px 0 1px;
}

.StyleFooterInfo {
  border-style: solid;
  border-color: #a1bb9e;
  border-width: 0px 1px 0px 0px;
}

.StyleFooterInfoHeadingTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #657562;
}

.StyleFooterInfoContent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: #657562;
}

.footerResolution {
  width: 952px;
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 1px 1px 1px 1px;
}

.borderCarre {
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 1px 1px 1px 1px;
  /*border-color: #dddddd;*/
}

.bgcVert {
  background: #d5f7d0;
}
/*********Fin Largeur du site web*************/

/*********Calque Body dans le header*************/
.body_div {
 position: relative;
 /*z-index: 1;*/
 padding-top: 18px;
 width: 952px;
 margin-left: auto;
 margin-right: auto;
 /*margin-left: -476px; /* moitié de la largeur 952px/2 */
 /*left: 50%;*/
}

/*********Calque login_box dans le header*************/
.login_box_div {
 position: absolute;
 z-index: 2;
 width: 308px;
 height: 58px;
 top: 0;
 left: 357px;
 background-image: url(images/infobox/fond_login.png);
 background-repeat: no-repeat;
}

/*********Calque search_box dans le header*************/
.search_box_div {
 position: absolute;
 z-index: 2;
 width: 350px;
 top: 70px;
 left: 352px;
}

/*********Calque Panier dans le header*************/
.shopping_cart_div {
 position: absolute;
 z-index: 3;
 width: 168px;
 top: 6px;
 left: 781px;
}

/*********Calque Mobile version dans le header*************/
.mobile_version_div {
 position: absolute;
 z-index: 2;
 width: 168px;
 top: -12px;
 left: 260px;
}
/********* Fin Calques *************/

/* Contribution Proffessionel Invoice (par moi 07/05/2011)**************/
.invoiceHeadingStore {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 font-weight: normal;
 padding: 3px;
 }

.invoiceHeadingTitre {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.invoiceHeadingNum {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align : left;
 font-size: 10px;
 color: #000000;
 font-weight: normal;
 border: 2px ridge #CCCCCC;
 padding: 3px;
 }

.invoiceMainPayment {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background-color: #FFFF99;
 border: 1px ridge #000000;
 }

.dataTableHeadingRow {
 background-color: #616060;
 }

.dataTableHeadingContent {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ffffff;
 font-weight: bold;
 }

.dataTableRow {
 background-color: #C9C9C9;
 }

.dataTableContent {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000; }

.invoiceFooter { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8px;
 color: #666666;
 font-weight: normal;
 padding: 3px;
 }
/************ fin Contribution Proffessionel Invoice (par moi 07/05/2011)**************/