/*
  $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: 10px; }
.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; }
td.pageHeading .listPriceFiche {
	/*color:#b1cf72; noel*/
	color:#BB5511;
}

BODY {
  color: #9d0a0a;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #FF7F00;
  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 */
color:#000;
  
  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 { /* Cadre des images de la fiche produit */
  border-width:2px;
  border-style:solid;
  border-color:#FF7F00;
}

FORM {
	display: inline;
}

TR.header {
  text-align: center;
}

TR.headerNavigation {
  background:#006600;

}

TD.headerNavigation {
  
  font-size: 10px;
  background:#FFFFFF;
/*  background: #7FFF00; PCA couleur de fond de la barre en haut : path; compte; panier; commander */
  color:#000000; /* couleur des barres verticales de séparation */
  font-weight : bold;
}

A.headerNavigation {
  color:#000000;
}

A.headerNavigation:hover {
  color:#999999;
}

TR.headerError {
  background: #ffffff;
}

TD.headerError {
  
  font-size: 12px;
  background: #ffffff0;
/*  background: #ff0000; PCA modifié pour le message défilant ds le header */
  color: #9d0a0a;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
/*  background: #b83904;*/
  background-image:url(images/infobox/fond-box.jpg);
}

TD.footer {
  
  font-size: 10px;
/*  background: #b83904;*/
    background-image:url(images/infobox/fond-box.jpg);
  color:#000000;
  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-size: 10px;
}

/* PCA boxes colonnes id */
/** html #Contentcategories { background: white url(images/fondcateie.gif) no-repeat top center; }
#Contentcategories { background: white url(images/fondcate.gif) no-repeat top center; }*/
#Contentspecials { background:url(images/fond-jaune-promo-bingo.jpg) bottom; }
#Contentsearch { background:#b1cf72; }
#Contentbest_sellers .infoBoxContents { background: url(images/pixel_trans.gif) no-repeat; }
#Contentshopping_cart { background: white url(images/panier.gif) no-repeat right ; height:50px;}
#Contentwhats_new { background:url(images/cube-vertbulle.jpg) bottom;}


/* 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 {
  /* PCA cadre des boîtes */
  background: #061D2F; /* couleur happy days */
/*  width: 200; */
}

table.infoBoxContents {
  /* PCA couleur de fond des boîtes colonnes */
/*  background: #ffff00; */
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background:#FFFFFF; /*PCA couleur des entêtes des boîtes */
  background-image:url(images/infobox/fond-box.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  color:#000000;
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 10px;
}

tr.productListing-vertical {
  height:200px;
}

tr.productListing-vertical td {
  
  font-size: 10px;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

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;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  
  font-size: 10px;
}

A.pageResults {
  font-size: 14px;
  font-weight:bold;
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  font-size: 14px;
  font-weight:bold;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading, TD.pageHeading H1, DIV.pageHeading H1{
  
  font-size: 20px;
  font-weight: bold;
  color: #BB5511;
 /* color:#b1cf72; noel*/
  margin: 0;
}
/*noel
td #product_sheet td.smallText {
	color:#000;
}

td #product_sheet td.smallText table{
	color:#000;
}
/*fin noel*/

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: 10px;
}

.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-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  
  font-size: 12px;
  color:#F00;
  font-weight: bold;
  background-color:#FF0;
}

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;}

.fondconvoyeur {
	background-color:#ffffff;
}

/* ***** MENU CSS ***** */

div.menu {
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	font-size: 11px;
	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: 16px;}
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:#FFCC33; font-weight:bold; size:12px;}

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: 1px solid #ADAA9C;
  /*background-image: url(images/infobox/bordmenu.jpg); /* "PCA pour la séparation du menu" : inutile */
  background-repeat: repeat-x;
	height: 21px;
}
div.menu li:hover {background-color: #3db437; font-weight:bold; size:12px;  /* 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; }

