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

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

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

A:hover {
  color: #ff0000; /*   AABBDD    */
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #93C5F8;     /*  Couleur origine de la bare de menu de la boutique  color: #bbc3d3;  */
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #93C5F8;     /*  Couleur origine de la bare de menu de la boutique  color: #bbc3d3;  */
  color: #162536;    /*  Couleur origine des trais dans la bare de menu de la boutique  color: #FFFFFF;  */
  font-weight : bold;
}

A.headerNavigation { 
  color: #162536;    /*  Couleur origine du texte dans la bare de menu de la boutique  color: #FFFFFF;  */
}

A.headerNavigation:hover {
  color: #ff0000;    /*  Couleur origine du texte survolé dans la bare de menu de la boutique  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 { /* bare date du pied de page */
  background: #93C5F8;      /* Couleur origine dans la boutique  color: #bbc3d3;  */
}

TD.footer { /* bare date du pied de page */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #93C5F8;      /* Couleur origine dans la boutique  color: #bbc3d3;  */
  color: #000068;    /* Couleur origine dans la boutique  color: #FFFFFF;  */
  font-weight: bold;
}

.infoBox {   /*  Contour des box - ancien  #b6b7cb;   */
  background: #93C5F8;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {   /*  Menu des box    */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #93C5F8;      /* Couleur origine dans la boutique  color: #bbc3d3;  */
  color: #000068;    /* rouge #162536 Couleur origine dans la boutique  color: #FFFFFF;  */
}

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: #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 { /* Cadre liste de produits */
  border: 1px;
  border-style: solid;
  border-color: #93C5F8; /* bordures couleur originale #b6b7cb; */
  border-spacing: 1px;
}

.productListing-heading { /* Menu liste de produits */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #93C5F8;       /* Couleur origine dans la boutique  color: #b6b7cb;  */
  color: #162536;    /* Couleur origine dans la boutique  color: #FFFFFF;  */
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px; /* Taille texte original titre dans la boutique color: 20px;   */
  font-weight: bold;
  color: #CC6600; /* Couleur texte original titre dans la boutique 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: 11px;
  line-height: 1.5;
}

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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; }

/* Style perso */

	.title1 {
		font-weight: bold ;
		color: #4E68A4 ;
		font-size: 14px ;
		background-color: #FFFFFF ;
	}
	.title2 {
		color: #CC6600 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.text {
		font-family: Verdana, Arial, Helvetica,sans-serif ;
		font-size: 12px ;
		color: #000000 ;
		text-decoration: none ;
	}
	.overlineTitle1 {
		font-weight: bold ;
		background-color: #F8E0C0 ;
		color: #666699 ;
		font-size: 14px ;
	}
	.menu {
		color: #162536 ;
		font-weight: bold ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:hover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:active {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuHover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:link {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:hover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:active {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:visited {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.overlineTitle1 {
		font-weight: bold ;
		background-color: #F8E0C0 ;
		color: #666699 ;
		font-size: 14px ;
	}
	.overlineTitle1Blanc {
		font-weight: bold ;
		background-color: #F8E0C0 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1Rouge {
		font-weight: bold ;
		background-color: #FF5151 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1BleueMarine {
		font-weight: bold ;
		background-color: #000068 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1Vert {
		font-weight: bold ;
		background-color: #339900 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1Violet {
		font-weight: bold ;
		background-color: #990066 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1Rose {
		font-weight: bold ;
		background-color: #EE0077 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.overlineTitle1BleueClaire {
		font-weight: bold ;
		background-color: #008CD0 ;
		color: #FFFFFF ;
		font-size: 14px ;
	}
	.title1Preview {
		margin: 5 0 5 0 ;
		color: #4E68A4 ;
		font-weight: bold ;
		font-size: 12px ;
		background-color: #FFFFFF ;
		padding: 5 ;
	}
	.title1OverlinePreview {
		width: 190 ;
		overflow: hidden ;
		margin: 5 0 5 0 ;
		color: #CC6600 ;
		font-weight: bold ;
		font-size: 12px ;
		background-color: #FFFFFF ;
		padding: 5 ;
	}
	.title2Preview {
		margin: 5 0 5 0 ;
		color: #666666 ;
		font-weight: bold ;
		font-size: 12px ;
		background-color: #F8E0C0 ;
		padding: 5 ;
	}
	.title2OverlinePreview {
		width: 190 ;
		overflow: hidden ;
		margin: 5 0 5 0 ;
		color: #CC6600 ;
		font-weight: bold ;
		font-size: 12px ;
		background-color: #FFFFFF ;
		padding: 5 ;
	}
	.title1 {
		font-weight: bold ;
		color: #4E68A4 ;
		font-size: 14px ;
		background-color: #FFFFFF ;
	}
	.title2 {
		color: #CC6600 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2Rouge {
		color: #FF0000 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2Bleue {
		color: #000068 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2Vert {
		color: #339900 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2Violet {
		color: #990066 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2Rose {
		color: #EE0077 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.title2BleuClaire {
		color: #008CD0 ;
		font-weight: bold ;
		font-size: 13px ;
		background-color: #FFFFFF ;
	}
	.text {
		font-family: Verdana, Arial, Helvetica,sans-serif ;
		font-size: 12px ;
		color: #000000 ;
		text-decoration: none ;
	}
	.submenu {
		color: #666699 ;
		font-weight: bold ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuHover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.pageTitle {
		color: #666699 ;
		font-size: 18px ;
		font-weight: bold ;
	}

/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #CC6600;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/


/* BOF Dynamic Sitemap */
  ul.sitemap {
  color: #ff0000;
}
/* EOF Dynamic Sitemap */


/*
	.overlineTitle2 {
		font-weight: bold ;
		background-color: #FFFFFF ;
		color: #CC6600 ;
		font-size: 12px ;
	}
	.titleInsert {
		font-weight: bold ;
		background-color: #F8E0C0 ;
		color: #FFFFFF ;
		font-size: 11px ;
	}
	.eventFrame {
		background-color: #EFF4E4 ;
	}
	.eventLabel {
		color: #698DB8 ;
	}
	.eventName {
		font-family: Verdana, Arial, Helvetica,sans-serif ;
		font-size: 11px ;
		color: #000000 ;
		text-decoration: none ;
	}
	.HIT {
		background-color: yellow ;
	}
	.personName {
		color: #698DB8 ;
		font-weight: bold ;
		font-size: 12px ;
	}
	.tableCaption {
		font-size: 11px ;
		font-style: italic ;
		color: #000000 ;
		background-color: #FFFFFF ;
	}
	.table {
		background-color: #8297B1 ;
	}
	.tableTitleCell {
		color: #FFFFFF ;
		font-size: 12px ;
		background-color: #8297B1 ;
		font-weight: bold ;
	}
	.tableCell {
		color: #000000 ;
		font-size: 11px ;
		background-color: #CCCCCC ;
		font-weight: normal ;
	}
	.tableHighlightedCell {
		color: #000000 ;
		font-size: 11px ;
		background-color: #EFF4E4 ;
		font-weight: normal ;
	}
	.popupMenuTable {
		background-color: #EFF3F6 ;
		font-size: 10px ;
		color: hsh:menuFgColor ;
		border: 1px solid $hsh:menuSeparatorColor ;
	}
	.popupMenuCell {
		background-color: #EFF3F6 ;
		font-size: 10px ;
		color: hsh:menuFgColor ;
		border-right: 1px solid $hsh:menuSeparatorColor ;
	}
	.pageMainColorZone {
		background-color: #EFF3F6 ;
		font-size: 10px ;
		color: hsh:menuFgColor ;
	}
	.logoZone {
		background-image:  ;
		background-color: #EFF3F6 ;
		color: #4E68A4 ;
		font-size: 10px ;
		cursor: hand ;
	}
	.localizeZone {
		background-color: $hsh:pageLocalizeBgColor ;
		color: $hsh:pageLocalizeFgColor ;
		font-size: 10px ;
		cursor: hand ;
	}
	.shortcutZone {
		font-size: 10px ;
		cursor: hand ;
		background-color: $hsh:pageShortcutBgColor ;
		color: $hsh:pageShortcutFgColor ;
	}
	.menuAlign {
		text-align: $hsh:menuAlign ;
	}
	.menuZone {
		background-color: #EFF3F6 ;
		color: #162536 ;
		font-size: 10px ;
		cursor: hand ;
	}
	.submenuZone {
		background-color: $hsh:submenuBgColor ;
		color: #456FA3 ;
		font-size: 10px ;
		cursor: hand ;
	}
	.submenuActiveZone {
		background-color: $hsh:submenuActiveBgColor ;
		color: $hsh:submenuActiveFgColor ;
		font-size: 10px ;
		cursor: hand ;
	}
	.contentZone {
		background-color: #FFFFFF ;
		color: #000000 ;
		font-size: 10px ;
		cursor: hand ;
	}
	.pageTitlePreview {
		color: #4E68A4 ;
		font-size: 18 ;
		font-weight: bold ;
		background-color: #FFFFFF ;
	}
	.menuBg {
		background-color: #EFF3F6 ;
		cursor: hand ;
	}
	.menuActiveBg {
		background-color: $hsh:menuActiveBgColor ;
		cursor: hand ;
	}
	.menuHoverBg {
		background-color: $hsh:menuHoverBgColor ;
		cursor: hand ;
	}
	.submenuBg {
		background-color: $hsh:submenuBgColor ;
		cursor: hand ;
	}
	.submenuHoverBg {
		background-color: $hsh:submenuHoverBgColor ;
		cursor: hand ;
	}
	.menuSeparator {
		background-color: $hsh:menuSeparatorColor ;
	}
	.menu {
		color: #162536 ;
		font-weight: bold ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:link {
		color: #162536 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:visited {
		color: #162536 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:hover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menu:active {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuHover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:link {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:hover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:active {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.menuActive:visited {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenu {
		color: #666699 ;
		font-weight: bold ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenu:link {
		color: #456FA3 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenu:visited {
		color: #456FA3 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenu:hover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenu:active {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuHover {
		color: #F14130 ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuActive {
		color: $hsh:submenuActiveFgColor ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuActive:link {
		color: $hsh:submenuActiveFgColor ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuActive:hover {
		color: $hsh:submenuActiveFgColor ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuActive:active {
		color: $hsh:submenuActiveFgColor ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.submenuActive:visited {
		color: $hsh:submenuActiveFgColor ;
		font-size: 12px ;
		text-decoration: none ;
	}
	.pageTitle {
		color: #666699 ;
		font-size: 18px ;
		font-weight: bold ;
	}
	A {
		color: #000080 ;
		text-decoration: underline ;
		font-size: 12px ;
	}
	A:link {
		color: #000080 ;
		text-decoration: underline ;
		font-size: 12px ;
	}
	A:hover {
		color: #FF8000 ;
		text-decoration: underline ;
		font-size: 12px ;
	}
	A:active {
		color: #FF8000 ;
		text-decoration: underline ;
		font-size: 12px ;
	}
	A:visited {
		color: #FF8000 ;
		text-decoration: underline ;
		font-size: 12px ;
	}
	.legend {
		color: #888888 ;
		font-weight: bold ;
		font-size: 12px ;
		font-family: serif ;
	}
	.remark {
		color: #000000 ;
		font-family: Verdana, Arial, Helvetica,sans-serif ;
		font-size: 11px ;
		font-style: italic ;
	}
	BODY, TD {
		font-family: Verdana, Arial, Helvetica,sans-serif ;
		font-size: 12px ;
		color: #000000 ;
	}
	.pageBgColor {
		background-color: #FFFFFF ;
	}
	.shortcut {
		font-size: 11px ;
		color: $hsh:pageShortcutFgColor ;
		text-decoration: none ;
	}
	.shortcut:link {
		font-size: 11px ;
		color: $hsh:pageShortcutFgColor ;
		text-decoration: none ;
	}
	.shortcut:hover {
		font-size: 11px ;
		color: $hsh:pageShortcutFgColor ;
		text-decoration: none ;
	}
	.shortcut:visited {
		font-size: 11px ;
		color: $hsh:pageShortcutFgColor ;
		text-decoration: none ;
	}
	.localize {
		color: $hsh:pageLocalizeFgColor ;
		font-size: 11px ;
	}
	.bullePageTitlePreview {
		color: #4E68A4 ;
		font-size: 18 ;
		font-weight: bold ;
		background-color: #EFF3F6 ;
	}
	.favoriteLinkHighlightedCell {
		background-color: #EFF4E4 ;
	}
	.favoriteLinkName {
		color: #698DB8 ;
		font-weight: bold ;
		font-size: 12px ;
	}
	.personHighlightedCell {
		background-color: #EFF4E4 ;
	}

*/