/*
  $Id: stylesheet.css,v 1.16 2007/10/19 16:47:34 vince Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

  */

/* ****************************************************************************************************
FOND DE PAGE 
**************************************************************************************************** */
body {
  color: #3b3336;
  background-color: #e5ecf3;/*e5ecf3/ececdb;*/
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 6px;
/*  background-image: url( images/design/headers/hd_fond.gif );
  background-repeat: repeat;
  background-position : 0 0;
  background-attachment: scroll;*/
}

/* ****************************************************************************************************
MENU HEADER
rq: le menu est intégré dans une cellule du header
**************************************************************************************************** */
div#navbar3 {
  height: 22px; /* la valeur 100% n'est pas compatible avec tous les navigateurs */
  width: 822px; /* idem */
  text-align: right;
  padding-top: 5px;
  padding-right: 0px;
/*  background-color: #FFFFFF; */
}
div#navbar3 ul {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  white-space: nowrap;
}
div#navbar3 li {
  list-style-type: none;
  display: inline;
}
div#navbar3 li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding-left: 3px; /* largeur de sélection */
  padding-right: 3px; /* idem */  
  padding-top: 3px; /* hauteur de sélection */
  padding-bottom: 3px; /* idem */  
}
div#navbar3 li a:hover {
  color : #5A5050;
  background-color: #F2F2F2;
/*  text-decoration : underline;*/
}

/* ****************************************************************************************************
BANNIERES (NOT USED !!)
**************************************************************************************************** */
.banner-fr-01{
  background-image    : url( images/banners/banner-fr-02.gif );
  background-color    : #ffffff;
  background-position : 5 5;
  background-repeat   : no-repeat;
  width               : 724px; /* val. réelle +5 */
  height              : 151px; /* val. réelle +5 */
}
.banner-de-01{
  background-image    : url( images/banners/banner-de-01.gif );
  background-color    : #ffffff;
  background-position : 5 5;
  background-repeat   : no-repeat;
  width               : 724px; /* val. réelle +5 */
  height              : 151px; /* val. réelle +5 */
}

/* ****************************************************************************************************
DECLARATIONS GENERALES
**************************************************************************************************** */
table  {
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 11px;
}
form  {
  border-collapse: collapse;
  border-spacing: 0; 
  padding: 0;
  margin: 0;
}
tr {
  color: #3b3336;
  background-color: #FFFFFF;
  border-width: 0px;
  padding: 0;
  vertical-align: top;
}
td, th {
  color: #3b3336; 
  border-width: 0px;
  vertical-align: top;
  line-height:1.4em;
}
td.main { /* email */
  font-family: Verdana, Arial, sans-serif;
  color: #3b3336;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;  
}
td.smalltext, span.smalltext {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}
span.ecotaxe {
  font-size: 9px;
  cursor: help;
  text-decoration:underline;
}
span.greenTitles{
  color: #5B453A; /* marron foncé */
  font-size: 14px;
  font-weight: bold;
}
span.fromPrice {
  font-size: 9px;
}
span.redPriceBig {
  font-size: 16px;
  color: #990000; /* rouge */
  font-weight: bold;
}
span.redPriceSmall {
  font-size: 9px;
  color: #990000; /* rouge */
  font-weight: normal;
}
span.redBold {
  color: #990000; /* rouge */
  font-weight: bold;
}

/*
Titres des pages statiques en H1
*/
h1 {
  color: #5B453A; /* marron foncé */
  font-family:'Trebuchet MS', Verdana, sans-serif;
  font-size:160%;
  font-weight:bold;
  padding-top: 10px;
  padding-bottom: 10px;  
  margin: 0px;
}
/*
Titres automatiques des pages statiques
*/
.pageHeading {
  color: #5B453A; /* marron foncé */
  font-family:'Trebuchet MS', Verdana, sans-serif;
  font-size:160%;
  font-weight:bold;
  padding-top: 10px;
  padding-bottom: 10px;  
  margin: 0px;
}
/* 
Titres des produits et catégories, en H1 
*/
h1.greenTitles{
  font-family: Arial, Verdana, sans-serif;
  color: #555555; /*gris foncé */
  text-align: center; 
  font-size: 20px;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;  
  /*font-variant:small-caps;*/
}
div {
  font-family: Verdana, Arial, sans-serif;
  color: #3b3336;
  font-size: 11px;
  text-decoration: none;
  line-height:1.4em;
}
h2 {
  color: #a29864; /* sépia */
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: 160%;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;  
}
h3 {
  font-family: Verdana, Arial, sans-serif;
  color: #5B453A; /* marron foncé */
  font-size: 11px;
  font-weight: bold;
}
h4 {
  font-family: Arial, Verdana, sans-serif;
  color: #5B453A; /* marron foncé */
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height:1.4em;
}
a {
  color: #3b3336;
  text-decoration: underline;
}
a:hover {
  color: #0000CD; /* bleu */
}
s {
   color:gray;
}
img {
  border-width: 0px;
}

/* ****************************************************************************************************
CHAMPS DE SAISIE
**************************************************************************************************** */
input, select, textarea {
  font-family:Verdana, Arial, sans-serif; 
  color: #3b3336;
  font-size: 10px;
  }
input:focus , select:focus {
  background: #f7f7f7; /* gris très clair */
}

/* ****************************************************************************************************
CHAMPS DE SAISIE EMAIL
**************************************************************************************************** */
textarea {
  font-family:Verdana, Arial, sans-serif; 
  color: #3b3336;
  font-size: 10px;
  width: 100%;
  }
textarea:focus {
  background: #f7f7f7; /* gris très clair */
}

/* ****************************************************************************************************
DESCRIPTION ARTICLE
**************************************************************************************************** */
div.article {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
/* ****************************************************************************************************
DESCRIPTION ARTICLE
**************************************************************************************************** */
div.legende {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #787878; /* gris */
}
/* ****************************************************************************************************
INFO CHAMPS DE SAISIE
**************************************************************************************************** */
.inputRequirement {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}
.inputRequirementBold{
  font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #8B5667; /* plus clair */
}
/* ****************************************************************************************************
INFO ARTICLE EN QUANTITE SUFFISANTE
**************************************************************************************************** */
.quantityChange {
  color: #000099; /* bleu */
  background-color: #fffdd5; /* jaune */
  padding: 2px 2px 2px 2px; 
  border: 1px solid #000099; /* bleu */
}
.stockWarning {
  color: #990000; /* rouge */
  background-color: #fffdd5; /* jaune */
  padding: 2px 2px 2px 2px; 
  border: 1px solid #990000; /* rouge */
}
.error, .warning {
  color: #990000; /* rouge */
  background-color: #fffdd5; /* jaune */
  height: 30px;
  vertical-align: middle;
}
.success {
  color: #000099; /* bleu */
  background-color: #fffdd5; /* jaune */
  height: 30px;
  vertical-align: middle;
}

.info { color:blue; font-size:10px; }
.productSpecialPrice { color:red; font-weight:bold; }

.main { padding-left:0px; }
.mainFrame { }

/* ****************************************************************************************************
Barre de navigation
**************************************************************************************************** */
.headerNavigation, .headerNavigation:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}
.headerNavigation:hover {
  text-decoration: underline;
}

.infoBoxHeading {
  color: #5B453A; /* marron foncé */
  font-weight: bold;
  text-decoration: none;
  padding-top: 6px;
  padding-bottom: 4px;
}
.infoBox {
  border: 1px solid #CCCCCC;
  margin-top: 0px;
}
table.infoBoxContents {
  background-color: #ececdb; /* beige */
  margin: 5px;
  width:95%;
}
table.infoBoxContents_form {
  margin: 5px;
  width:98%;
}
.infoBoxContentsText {
  color: #3b3336;
  background-color: #ececdb; /* beige */
  margin: 0px;
  font-size: 11px;
  font-weight: normal;
}
a.infoBoxContentsText:hover {
  margin: 0px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}

/* 
cadre autour des champs FORM (envois email etc) 
*/
.infoBox_form  {
  border: 1px solid #CCCCCC;
   padding-left: 4px; 
}

/* ****************************************************************************************************
LISTING ARTICLES
**************************************************************************************************** */
table.productListing {
  border: 1px solid #CCCCCC;
  }
.productListing-heading {
  font-size: 10px;
  font-weight: bold;
  color: #006699; /* bleu */
  background-color: #FAF4E7; /* brun clair */
  height: 16px;
  vertical-align: top;
  text-decoration: none;
  padding-top: 6px;
  padding-bottom: 6px;
  }
.productListing-odd {
  font-size: 10px;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  }
.productListing-even {
  font-size: 10px;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
  background-color: #f7f7f7; /* gris très clair */
  padding-top: 2px;
  padding-bottom: 2px;
}
.productListing-data {
  font-size: 10px;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
}
.listingsHead a {
  color: #3b3336;
  text-decoration: underline;
}
.listingsHead a:hover {
  color: #0000CD; /* bleu */
}
.cartListing-heading {
  font-size: 10px;
  font-weight: bold;
  color: #3b3336;
  background-color: #EEEECC; /* beige */
  height: 16px;
  vertical-align: top;
  text-decoration: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

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


.infobulle { position:absolute; visibility :hidden; top:0px; }

.imgBorders { cursor:pointer;border:1px solid #CCCCCC; }


/* ****************************************************************************************************
COLONNE GAUCHE
**************************************************************************************************** */
td.tdColLeft{
  background-image    : url( images/design/colLeft/bd_left.gif ); /* not used */
  background-position : 0 0;
  background-repeat   : repeat-y;
  background-color    : #FFFFFF;
  padding-left        : 0px;
  padding-right       : 0px;
}
td.tglBoxFirstHeader {
  background-image    : url( images/design/colLeft/v2/colLeft_box_first_title.gif );
  background-position : 0 0;
  background-repeat   : no-repeat;
  text-align          : left;
  color               : #3b3336;
  width               : 220px;
  font-size           : 11px;
  font-weight		  : bold;
  height              : 35px;
  padding-top         : 9px;
  padding-left        : 10px;
}
td.tglBoxHeader {
  background-image    : url( images/design/colLeft/v2/colLeft_box_titleB.gif );
  background-position : 0 0;
  background-repeat   : no-repeat;
  text-align          : left;
  color               : #3b3336;
  width               : 200px;
  font-size           : 11px;
  font-weight         : bold;
  height              : 30px;
  padding-top         : 3px;
  padding-left        : 10px;
}
td.tglBoxSeparator  {
  background-image    : url( images/design/colLeft/v2/colLeft_box_sep.gif );
  background-position : 0 0;
  background-repeat   : no-repeat;
  width               : 200px;
  height              : 8px;
}
td.tglBoxContent  {
  background-image    : url( images/design/colLeft/v2/col_left_box_bg.gif );
  background-position : 0 0;
  background-repeat   : repeat-y;
  color               : #3b3336;
  width               : 220px;
  text-align          : left;
  padding-left        : 20px;
  font-size           : 11px;
  line-height         : 14px;
}
td.tglBoxContent a {
  color               : #3b3336;
  text-decoration     : none;
}
td.tglBoxContent a:hover {
  color				  : #0000CD; /* bleu */
  text-decoration     : underline;
  }
td.MenuBasket {
  font-family: Arial, Verdana, sans-serif;
  color: #3b3336;
  background-color: #ececdb; /* beige */
  margin: 0px;
  font-size: 9px;
  font-weight: none;
}
a.MenuBasket:hover {
  margin: 0px;
  font-size: 9px;
  font-weight: none;
  text-decoration: underline;
}

/* ****************************************************************************************************
TITRES DES CATEGORIES
**************************************************************************************************** */
table.tbCats a {
  color: #3b3336;
  text-decoration: underline;
}
table.tbCats a:hover {
  color: #0000CD; /* bleu */
}
table.tbCats td.catTitle a { /* home page */
  font-family: Arial, Verdana, sans-serif;
  font-variant: small-caps;
  color: #5B453A; /* marron foncé */
  line-height:17px;  
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}
table.tbCats td.catTitle a:hover{
  font-family: Arial, Verdana, sans-serif;
  font-variant: small-caps;
  color: #0000CD; /* bleu */
/*  background-color: #5B453A; *//* marron foncé */
  line-height:17px;  
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
}
td.pdListingName a{
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #5B453A; /* marron foncé */
  text-decoration: none;
}
td.pdListingName a:hover{
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0077AE; /* bleu */
  text-decoration: underline;
}

/* ****************************************************************************************************
BAS DE PAGE
rq: "solution ecommerce Businesshop" est défini dans french.php et ajouté en fin dans footer.php
**************************************************************************************************** */
.footer {
  font-size: 8px;
}
.footer a {
  text-decoration: underline;
}
.footer a:hover {
  color: #0000CD; /* bleu */
}
.footer_no_underline {
  font-size: 10px;
  line-height:1.3em;
  color: #764E5A; /* marron clair */
  text-decoration: none;
}
.footer_no_underline a {
  color: #764E5A; /* marron clair */
  text-decoration: none;
}
.footer_businesshop a {
  font-size: 9px;
  text-decoration: none;
}

/* ****************************************************************************************************
ETAPE DE COMMANDE
**************************************************************************************************** */
.checkoutBarFrom  {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #009933; /* vert */
  padding-top: 4px;
}
.checkoutBarCurrent {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #003399; /* bleu */
  padding-top: 4px;
}
.checkoutBarTo {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #009933; /* vert */
  padding-top: 4px;
}

/* ****************************************************************************************************
MODULE ZOOM CSS - QPN - 06-2007
syntaxe pour javascript
**************************************************************************************************** */
#lightbox { position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }

#lightbox a img { border:none; }

#outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }

#imageContainer { padding:10px; }

#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0;}
#hoverNav a { outline:none;}

#prevLink, #nextLink { width:49%; height:100%; background:transparent url(images/design/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { background: url(images/design/prec.gif) left 15% no-repeat; float: left;}
#nextLink { background: url(images/design/suiv.gif) right 15% no-repeat; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(images/design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(images/design/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }

#imageData { padding:0 10px; }
#imageData #imageDetails { width:70%; float:left; text-align:left; }
#imageData #caption { font-weight:bold; }
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; }
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html>body .clearfix { display:inline-block; width:100%; }

* html .clearfix { /* Hides from IE-mac */ height:1%; /* End hide from IE-mac */ }

/* Module Zoom CSS - QPN - 06-2007 - EOF */