/*
  $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: 11px; }
.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 {
  color: #a8aaac;
  margin: 0px;
}

#opt_prod {
	position:relative;
	left:450px;
	top:0px;
	width:250px;
}

A {
  color: #a8aaac;
  text-decoration: underline;
}

A:hover {
  color: #c0272d;
  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-family: Verdana, Arial, sans-serif;
  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:2px;
  border-style:solid;
  border-color:#aaacaf;
}

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: #ffffff;
  text-align: center;
}

TR.headerNavigation {
  background: #ffffff;

}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1px;
  background: #ffffff;
/*  background: #7FFF00; PCA couleur de fond de la barre en haut : path; compte; panier; commander */
  color: #ffffff; /* couleur des barres verticales de séparation */
  
}

TD.headerNavigation a.headerNavigation { /* afficher correctement les style pour infoboxheading */
  color: #ffffff;
  }
  
TD.headerNavigation a.headerNavigation:hover {
  color: #ffffff;
  }

A.headerNavigation {
  color: #333;
}

A.headerNavigation:hover {
  color: #333;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
/*  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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #ffffff;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1px;
  background: #ffffff;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
/*  background: #b6b7cb;  PCA à supprimer pour passer le fond des boîtes en tranparent */
}

.infoBoxContents { /* PCA couleur de fond des boîtes */
  background: #f8f8f9; /* couleur origine. Supprimer pour passer le fond des boîtes en tranparent */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* PCA boxes colonnes id */
/* #Contentcategories { background: white url(images/WaTazTransp.jpg) no-repeat center; } */
#ContentcatPret_a_porter { 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; }

/* PCA boxes centrales avec id */
/* #Contentnew_products .infoBoxContents { background: orange; }
#ContentPromo_products .infoBoxContents { background: lightblue; } */

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

table.infoBox {
  /* PCA cadre des boîtes */
  background: #061D2F;
/*  width: 200; */
}

table.infoBoxContents {
  /* PCA couleur de fond des boîtes colonnes */
/*  background: #ffff00; */
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #bbc3d3; PCA couleur des entêtes des boîtes */
background-image:url(images/infobox/fond-head.gif);
background-repeat:repeat-x;
  color:#333;
}

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: #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-family: Trebuchet MS;
  font-size: 13px;
  font-weight: bold;
}

tr.productListing-vertical { /*liste de produit de dimensions = */
  height:380px;
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  vertical-align:bottom;
}

tr.productListing-vertical > TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  font-size: 12px;
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: black;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: 0px;
  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-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  margin: 0;
/*  background: #F08080;  PCA couleur de fond du 1ier message sous la barre de navigation */

}

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;
/*  background: #ffffff; :   PCA couleur du fond texte principal */
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.smallLink {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: gray;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #FF7F00;
}

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;
}

TD.category_desc { /* PCA description catégorie */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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;
  color: #ff0000;
}

span.productInfoSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color:#FF0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; }
.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: #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; }

/* Images seules */
div.header_img_mini_txt {font-size:12px;}

/* ***** MENU CSS ***** */

div.menu {
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
div.menu a {color:black; font-weight:normal; white-space:	nowrap;}

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;}
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;}
/* couleur text des liens au survol de la souris */
div.menu li a:hover{color:#666;}

div.menu ul li {position: relative; list-style: none; vertical-align: middle;}
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 {background-color: #;  /* 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:300;height:300; overflow:hidden; position:absolute; text-align:left; border:4px solid gray;}

#zoom_img { position:absolute; margin:0; padding:0; }


#cart_mobile { position:relative; width:150; top:-110; right:-750; }

#cart_mobile  p { line-height:1; margin:4; font-size:11; }

