/*
  $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 : 14px; background: #ffb3b5; font-weight: bold; height:30px; }
.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; }
#opt_prod{
	padding-left:450px;	
}


span.productInfoSpecialPrice {
  padding-right:35px;
  padding-left:40px;
  padding-bottom:1px;
  background:url(images/btn_prix_ficheProduit.png) right no-repeat;
}

td.pageHeading .listPriceFiche {
  padding-right:40px;
  padding-left:40px;
  padding-bottom:1px;
  background:url(images/btn_prix_ficheProduit.png) right no-repeat;
}

BODY {
  color: #000000;
  margin: 0px;
}

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

A:hover {
  color: #000000;
  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:0px;
  padding-top:40px;
}

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: 17px;
  font-weight: bold;
  color: #c70163;
  margin: 0;
}

span.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: 17px;
  font-weight: bold;
  color: #c70163;
  margin: 0;
}

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

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 {
	display:none;
}

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

A.headerNavigation {
  color: #c70163;
}

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

TR.headerError {
  background: #;
}

TD.headerError {
  font-family:Verdana, Arial, sans-serif;
  font-size: 15px;
  background: #;
/*  background: #ff0000; PCA modifié pour le message défilant ds le header */
  color: #C70163;
  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 {
	display:none;
}

TD.footer {
	display:none;
}

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

.infoBoxContents { /* PCA couleur de fond des boîtes */
  background: #; /* couleur origine. Supprimer pour passer le fond des boîtes en tranparent */
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color:#333;
}

/* PCA boxes colonnes id */
/* #Contentcategories { background: white url(images/WaTazTransp.jpg) no-repeat center; } */

/* 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: #;
/*  width: 200; */
}

table.infoBoxContents {
  /* PCA couleur de fond des boîtes colonnes */
/*  background: #ffff00; */
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
/*  background: #bbc3d3; PCA couleur des entêtes des boîtes 
background-image:url(images/infobox/az_ibox_header_mid.jpg);
background-position:right;*/
  color: #c70163;
  text-align:center;
  text-transform:capitalize;
}

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:#;
  vertical-align:middle;
}

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:#;
  vertical-align:middle;
}

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

}

.NomListe{ /* PCA Titre des noms des produits affichés en liste */
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

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

tr.productListing-vertical > TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-weight:normal;
  font-size: 10px;
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  vertical-align:middle;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  vertical-align:middle;
}

/*.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #000;
  color: #FFFFFF;
  font-weight: bold;
}*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0px;
  background: #fff;
  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;
  vertical-align:middle;
  padding-bottom:15px;
}

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: #c70163;
  margin: 0;
/*  background: #F08080;  PCA couleur de fond du 1ier message sous la barre de navigation */
}

td.pageHeading span.smallText {
	display:none;
}

a.pageHeading{
  color: #c70163;
/*  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: 13px;
  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: 13px;
}

.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: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 {
  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: 13px; background-color:#F00; text-decoration:blink; color:#FFF; font-weight:bold; }
.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: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background-color:	#fff;
}
div.menu a {color:#000000; font-weight:bold; white-space:	nowrap;}

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

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

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:#333; text-decoration:underline;}

div.menu ul li {position: relative; list-style: none; vertical-align: middle;}
div.menu ul ul {
	position: absolute;
	top: -1px;
	display: none;
	left: 168px; /* position ul/ul parent */
	width: 180px; /* 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 { display:none;}
div.menu ul.niveau3 ul.niveau4 {display:none;}

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:none;}
div.menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:none;}
div.menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:none;} /* 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; }