/*
  $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-size: 11px; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-size : 10px; color: #70d250; text-decoration: underline; }

table#headerJP tbody tr td, table#headerJP tbody tr td a {color:#FFF;}
table#footerJP {background:#AAC3C7; font-size:12px;color:#FFF;}
table#footerJP tbody tr td p a {color:#FFF;}

BODY {
  color: #a4a3a9;
  margin: 0px;
   font-family: Verdana, Arial, sans-serif;
}

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

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

a img {border: none;} /* supprimer les bords bleus autour des images */

a img.ImgCategorieFront { /* Cadre des images des catégories en page d'acceuil et navigation */
  border-width:1px;
  border-style:solid;
  border-color:red;
}

td.MenuCategorieFront, a.MenuCategorieFront { /* Texte sous les images des catégories en page d'acceuil et navigation. Surchage de smalltext */
  
  font-size: 12px;
  height:24px;
}

td.MenuCategorieFront:hover { /* Texte sous les images des catégories en page d'acceuil et navigation. Surchage de smalltext */
  background-color:#FF7F00;
}

a img.ImgFicheProduit, img.ImgFicheProduit, #trailImg { /* Cadre des images de la fiche produit */
  border-width:0px;
  border-style:solid;
  border-color:#FF7F00;
}

FORM {
	display: inline;
}

TD.verrou {
 background: url(images/WaTazTransp.jpg) repeat center;
}

TR.header {
/* background: #ffffff; PCA le 11/08/05 modifie la couleur de fond sous le logo en haut à g */
  background: #;
  text-align: center;
}

TR.headerNavigation {
  background: #;

}

TD.headerNavigation {
  
  font-size: 12px;
  background: #;
/*  background: #7FFF00; PCA couleur de fond de la barre en haut : path; compte; panier; commander */
  font-weight:lighter;
}

TD.headerNavigation a.headerNavigation { /* afficher correctement les style pour infoboxheading */
  }
  
TD.headerNavigation a.headerNavigation:hover {
  }

A.headerNavigation {
  color: #3eda5a;
}

A.headerNavigation:hover {
  color: #3eda5a;
}

TR.headerError {
  background: #aac3c7;
}

TD.headerError {
  font-family:Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #aac3c7;
/*  background: #ff0000; PCA modifié pour le message défilant ds le header */
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #;
}

TD.footer {
  
  font-size: 1px;
  background: #;
  color: #f0f0f0;
  font-weight:lighter;
}

.infoBox {
/*  background: #b6b7cb;  PCA à supprimer pour passer le fond des boîtes en tranparent */
}

.infoBoxContents { /* PCA couleur de fond des boîtes */
  
  font-size: 10px;
}

/* PCA boxes colonnes id */
/* #Contentcategories { background: white url(images/WaTazTransp.jpg) no-repeat center; } */
/*#Contentbest_sellers { background: white url(images/table_background_default.gif) no-repeat center;  }
#Contentbest_sellers .infoBoxContents { background: url(images/pixel_trans.gif) no-repeat; }
#Contentproducts_asso_central {border-right:1px solid #d8e6e7;border-bottom:1px solid #d8e6e7;border-left:1px solid #d8e6e7;}
table#Contentproducts_asso_central.infoBox tbody tr td table.infoBoxContents { background: white; }*/


/* PCA boxes centrales avec id */
/* #Contentnew_products .infoBoxContents { background: orange; }
#ContentPromo_products .infoBoxContents { background: lightblue; } */

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 10px;
}

table.infoBox {
}

table.infoBoxContents {
  /* PCA couleur de fond des boîtes colonnes */
/*  background: #ffff00; */
/*background:url(images/infobox/intbox.gif) bottom left;*/
border-right:1px solid #d8e6e7;border-bottom:1px solid #d8e6e7;border-left:1px solid #d8e6e7;
}

table#Contentnew_products.infoBox tbody tr td table.infoBoxContents { background: white; }

TD.infoBoxHeading {
  font-size: 16px;
/*  background: #bbc3d3; PCA couleur des entêtes des boîtes */
  background:url(images/infobox/fondbox.gif) top;
  color: #3eda5a;
  font-weight: bold;
}

TD.infoBox, SPAN.infoBox {
  
  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: #F1F2F5;
}

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

TR.productListing-odd, TR.productListing-even {
/*   height:250px; PCA hauteur des cellules dans affichage en liste */
}

.NomListe{ /* PCA Titre des noms des produits affichés en liste */
  font-size: 13px;
  font-weight: bold;
}
a.NomListe {color:#3ace56;}

tr.productListing-vertical { /*liste de produit de dimensions = */
  height:355px;
  vertical-align:top;
}

tr.productListing-vertical > TD.productListing-data {
  font-size: 12px;
  border: 0px;
  background:url(images/fondlisteproduit.png) no-repeat top center;
  padding-top:10px;
  padding-right:3px;
  padding-left:3px;
}

td table.productListing tbody tr.productListing-vertical td.productListing-data{  font-size: 12px;
  border: 0px;
  background:url(images/fondlisteproduit.png) no-repeat top center;
  padding-top:10px;
  padding-right:3px;
  padding-left:3px;
}
tr.productListing-vertical > TD.productListing-data {
  font-weight:bold;
  font-size: 12px;
  /*border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;*/
}

TABLE.productListing {
  border: 0px;
}

.productListing-heading {
  
  font-size: 11px;
  background: #547981;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  
  font-size: 10px;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading, TD.pageHeading H1, DIV.pageHeading H1{
  
  font-size: 25px;
  font-weight: normal;
  color: #3ace56;
  margin: 0;
/*  background: #F08080;  PCA couleur de fond du 1ier message sous la barre de navigation */

}

TR.subBar {
  background: #F4F7FD;
}

TD.subBar {
  
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  
  font-size: 11px;
  line-height: 1.5;
/*  background: #ffffff; :   PCA couleur du fond texte principal */
}

TD.smallText, SPAN.smallText, P.smallText {
  
  font-size: 11px;
}

.smallLink {
  
  font-size: 10px;
  color: gray;
}

TD.accountCategory {
  
  font-size: 13px;
  color: #FF7F00;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc { /* PCA description catégorie */
  
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  
  font-size: 11px;
}

SPAN.greetUser {
  
  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:Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

SPAN.productSpecialPrice {
  
  color: #ff0000;
}

span.productInfoSpecialPrice {
  
  color:#FF0000;
}

SPAN.errorText {
  
  color: #ff0000;
}


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

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

/* Images seules */
div.header_img_mini_txt {font-size:12px;}

/* ***** MENU CSS ***** */

div.menu {
	
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
div.menu a {color:#fff; font-weight:normal; white-space:	nowrap; font-weight:bold;}

div.menu ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
	border: 1px solid #ADAA9C; /* couleur de bordure autour du menu */
	background-color:	white;
}
div.menu ul a {width: inherit;}

div.menu ul.niveau1 {
	background-color: transparent;
	border: none; /* suppression de la bordure su premier menu */
}

div.menu ul.niveau1 li div.menuImgIcon {float: left; height: 22px; display:none;}
div.menu ul.niveau1 div.menuImgIcon img {margin-top: 3px; padding-right: 3px;} /* espacement icon niveau1 */
div.menu ul li div.menuImgFolder {float: right; padding-right: 1px;}

div.menu li a {display: block; text-decoration: none; white-space:normal;}
/* couleur text des liens au survol de la souris */
div.menu li a:hover{color: #fe8651;}

div.menu ul li {position: relative; list-style: none; vertical-align: middle;height: 47px; text-align:center; background:url(images/nos-solutions.png) no-repeat top center;padding-top: 7px;}
* html div.menu ul li {height: 53px;}
div.menu ul ul {
	position: absolute;
	top: -1px;
	display: none;
	left: 198px; /* position ul/ul parent */
	width: 200px; /* taille des sous menu, augmentation si trop petit et réajustant left*/
}
/*position de ul par rapport au premier*/
div.menu ul.niveau1 ul.niveau2 {left: 200px;}

div.menu li {
	z-index: 1;
	position: relative;
	list-style: none;
	border-top: 0px;
  /*background-image: url(images/infobox/bordmenu.jpg); /* "PCA pour la séparation du menu" : inutile */
  background-repeat: repeat-x;
	height: 22px;
}
div.menu li:hover { /* couleur de surbrillance des menus */}

div.menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}
div.menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div.menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;} /* rajouter autant que nécessaire */

/* *** END MENU CSS *** */

#zoom_container {width:300px;height:300px; overflow:hidden; position:absolute; text-align:left; border:4px solid gray;}
#zoom_img { position:absolute; margin:0; padding:0; }

#cart_mobile { position:relative; width:116px; top:-227px; right:-812px; top:-220px\9; }
#cart_mobile  p { line-height:1; margin:4px; color:white; }
#cart_mobile p.head strong {font-size:17px; }
#cart_mobile  p a {color:white; }
p.total {display:none;}
p.qty {font-size: 12px;}