/*
  $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
*/

/*
 * couleurs de base site Start
 * 
 * gris foncé	#5b5c5d rgb(91, 92, 93)
 * gris clair	#cccccc
 * bleu	#6e51cb	rgb(10, 163, 246)
 * 
 * old :
 * bleu	#5554e2
 */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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; color: #434344; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  /*background: #5b5c5d;*/
  background: #505050;
  background-image: url(images/fondry2.jpg);
  color: #cccccc;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  /* IE specific */
/*
  scrollbar-3dlight-color: #5b5c5d;
  scrollbar-arrow-color: #cccccc
  scrollbar-base-color: #6e51cb;
  scrollbar-face-color: #5b5c5d;
  scrollbar-track-color: #cccccc;
*/
}

BODY > TABLE {
  background: #5b5c5d;
  /* largeur maximum de la page */
  max-width: 980px ;
  /* centrage de la page */
  margin-left: auto;
  margin-right: auto;
  border-left: solid 2px #434344;
  border-right: solid 2px #434344;
}

img
{
  /* pas de bordures */
  border: 0;
}

A {
  color: #dfcbf1;
  /* pas de soulignage sur les liens */
  text-decoration: none;
}

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

FORM {
	display: inline;
}

TR.header {
  /*background: #ffffff;*/
  background: #5b5c5d;
}

TR.headerNavigation {
  background: #6e51cb;
}

TD.headerNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  /*font-size: 0.8em;*/
  /* background: #6e51cb;*/
  color: #ffffff;
  font-weight : bold;
  /*width: 30%;*/
}

/* gradient */
/*!IE6:TD.headerNavigation:first-child*/
TD.headerNavigationLeft {
  background-image: url(images/gradient_start_left.png);
  background-position: top left;
  background-repeat: repeat-y;
  min-width: 300px !important;
}
/*CSS3: TD.headerNavigation:last-child*/
/*!IE6:TD.headerNavigation + TD.headerNavigation*/
TD.headerNavigationRight {
  background-image: url(images/gradient_start_right.png);
  background-position: top right;
  background-repeat: repeat-y;
}


A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  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: #6e51cb;
}

TD.footer {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #6e51cb;
  color: #ffffff;
  font-weight : bold;
}
/* gradient */
/*!IE6:TD.footer:first-child*/
TD.footerLeft {
  background-image: url(images/gradient_start_left.png);
  background-position: top left;
  background-repeat: repeat-y;
  min-width: 300px !important;
}
/* CSS3: TD.footer:last-child*/
/*!IE6:TD.footer + TD.footer*/
TD.footerRight {
  background-image: url(images/gradient_start_right.png);
  background-position: top right;
  background-repeat: repeat-y;
}

.infoBox {
  background: #cccccc;
  /* coins arrondis : */
  /*border: 1px solid #cccccc;*/
 /* padding: 2px;*/
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
}

.infoBoxContents {
  background: #434344;
  color: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: 1px solid #434344;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #cccccc;
  color: #6e51cb;
  text-transform: uppercase;
}

TABLE.infoBoxHeading {
  background: #cccccc;
  color: #ffffff;
  border: 5px solid #cccccc;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
}

/* TEST */
TABLE.infoBoxHeading {
  background-color: #434344;
  border-color: #cccccc;
  border-width: 1px;
  border-bottom-width: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}
/*TABLE.infoBoxHeading TD:first-child+TD.infoBoxHeading  {
  background-color: #cccccc;
  border: 5px solid #cccccc;
  -webkit-border-radius: 9px;
  -moz-border-radius: 8px;
}*/
TABLE.infoBoxHeading TD:first-child {
  background-color: #cccccc;
  border: 5px solid #cccccc;
  width: 10px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
}
/*CSS3: TABLE.infoBoxHeading TD:last-child*/
TABLE.infoBoxHeading TD + TD + TD {
  background-color: #cccccc;
  border: 5px solid #cccccc;
  width: 10px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomright: 9px;
}
.infoBoxHeading + .infoBox {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-width: 0px;
  padding-top: 0px;
}

.infoBoxHeading + .infoBox .infoBoxContents {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-width: 0px;
  margin-top: -1px;
}

/* !TEST */

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* cacher les images de bord des boites */
TD.infoBoxHeading > img {
  display: none;
  visibility: hidden;
  width: 0px;
  height: 0px;
}
/*
TABLE.infoBoxHeading + td, TABLE.infoBoxHeading + td + td + td {
  display: none;
  visibility: hidden;
}*/
/* IE6 est trop stupide... */
TD.infoBoxHeading img {
  display: none;
}
TD.infoBoxHeading a img {
  display: inline;
}
/**/

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

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

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #434344;
}

TD.productListing-data A {
  color: #2020c0;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

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: 0.9em;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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 {
  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;
  white-space: pre;
}

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

TD#customerGreeting {
  text-align: center;
  font-size: 10px;
}

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.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; color: black; cursor: pointer; cursor: auto; }
.moduleRowSelected { background-color: #E9F4FC; color: black; }
.moduleRowOver A, .moduleRowSelected A {
  color: #000060;
}
.moduleRowOver A:hover, .moduleRowSelected A:hover {
  color: #000060;
  text-decoration: underline;
}


.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; color: #000000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; color: #000000; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;
}
/* OTF contrib ends */


/* full size on hover */
/* desactive: bug avec IE & FF2
.productInfoImage:hover {
  width: 100%;
  height: 100%;
}
*/

/* coins arrondis pour les champs de formulaires */
INPUT[type="text"], INPUT[type="password"], TEXTAREA, SELECT {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px !important;
}

/* eviter un assenseur horiz */

body>table, .header tr, .header td, .header a {
  /* background-image: url(store_logo.png); */
  /* width: 100%;*/
  overflow: hidden;
}

.header img {
  /*display: none;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* aligner les pictos horizontalement */
.pictograms img {
  vertical-align: middle;
}

/* forcer un redimentionnement bilinéaire sur les images des produits */
img.productInfoImage, TD.productListing-data IMG {
  image-rendering: optimizeQuality;     /* Firefox, future version (Gecko 1.9.2) */
  -ms-interpolation-mode: bicubic;      /* Internet Explorer 7.0+ */
}

/* description de la boutique en bas de page */
#footerCopyrights {
  font-size: 0.7em;
}

/* mots clés en bas de page */
#footerKeywords {
  font-size: 0.7em;
  /* cacher les mots clés */
  display: none;
  visibility: hidden;
}

/* règles CSS pour l'impression */
@media print {

	BODY > TABLE {
		background: white;
		/* largeur maximum de la page */
		max-width: 100% ;
		/* centrage de la page */
		margin-left: auto;
		margin-right: auto;
		border: none ;
	}

	A {
		text-decoration: underline;
	}

	.header, .headerNavigation, .infoBox, .infoBoxHeading, .footer {
		display: none;
	}
}