
.boxText { font-family:"trebuchet ms",arial,sans-serif;  font-size: 11px; color:rgb(80,80,80); padding-left:10px; padding-right:10px;}
.errorBox { font-family:"trebuchet ms",arial,sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family:"trebuchet ms",arial,sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family:"trebuchet ms",arial,sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

A {
  color:rgb(42,90,138);
  text-decoration: none;
}

A:hover {
  color:rgb(70,122,167);
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

/* Ci dessous partie de navigation sous le header*/
.header-breadcrumbs {
	clear:both;
	width: 99%;
	height: 10px;
	padding: 5px 5px 8px 5px;
}

TR.headerNavigation {
  background: none;
}

TD.headerNavigation {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: rgb(80,80,80);
  font-weight : bold;
}

A.headerNavigation { 
  color: #9a9a9a; 
}

A.headerNavigation:hover {
  color: rgb(80,80,80);
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/* Cadre autour des box (gauche et droite)*/
.infoBox {
  background: rgb(190,190,190);
}

/* modifier texte et background a l'intérieur des box (gauche et droite)*/
.infoBoxContents {
  background: #f8f8f9;
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
 font-family:"trebuchet ms",arial,sans-serif;
  font-size: 11px;
}

/*En-tête des colonnes de gauche et de droite*/
TD.infoBoxHeading {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color:rgb(190,190,190);
  color: #ffffff;
  padding-left:10px;
}

TD.infoBox, SPAN.infoBox {
  font-family:"trebuchet ms",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 {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

/* En-tête dans le tableau des catégories*/
.productListing-heading {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  background: rgb(190,190,190);
  color: #FFFFFF;
  font-weight: bold;
}

/* Taille de caractère dans le tableau des catégories*/
TD.productListing-data {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  color:rgb(125,125,125);
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 11px;
  color: rgb(80,80,80);
}

TD.accountCategory {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family:"trebuchet ms",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:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family:"trebuchet ms",arial,sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family:"trebuchet ms",arial,sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:"trebuchet ms",arial,sans-serif; font-size: 11px; color: #ff0000; }


/************/
/*  GLOBAL  */
/************/

 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:"trebuchet ms",arial,sans-serif; background-image:url(../catalog/images/background_body.jpg);} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:990px; margin:0px auto; margin-top:0px; margin-bottom:0px; border:solid 1px rgb(150,150,150); font-size:1.0em; background-image:url(../catalog/images/background_page_container.jpg);}

/*  Réglage de la partie central */
.main {clear:both;
}

/*  Dimension du texte sur la partie central (MAIN) (entre les 2 colonnes) */
TD.main, P.main {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 12px;
  color:rgb(80,80,80);
  line-height: 1.3;
}

/*  Dimension du texte sur la partie central (MAIN) (entre les 2 colonnes) seulement utilisé sur les pages des préparations moteurs */
TD.mainbigerbold {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 13px;
  font-weight:bold;
  color:rgb(80,80,80);
  line-height: 1.3;
}

/* Titre dans la partie central de la page*/
TD.pageHeading, DIV.pageHeading {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: rgb(80,80,80);
}

/* Prix à côté du titre dans la page product_info*/
TD.pageHeadingPrice {
  font-family:"trebuchet ms",arial,sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: rgb(80,80,80);
}
.footer {
	clear:both;
	width:990px;
	padding:1.0em 0 1.0em 0;
	background:rgb(225,225,225) url(../catalog/images/bg_foot.jpg) no-repeat;
	font-size:1.0em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
  	font-family:"trebuchet ms",arial,sans-serif;
  	font-size: 11px;
 	color:rgb(80,80,80);
  	font-weight: normal;
 	text-align: center;
}

.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/* HEADER */
.header {width:990px; font-family:"trebuchet ms",arial,sans-serif;}
.header-middle {width:990px; height:120px; background:rgb(230,230,230) url(../catalog/images/Header.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:990px;}


/*Drop-down menu*/
.nav2 {white-space:nowrap /*IE hack*/; float:left; width:990px; border:none; background:rgb(225,225,225) url(../catalog/images/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:110%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none; margin:0 0 0 180px; padding:0px;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175); border-left:solid 1px rgb(175,175,175); margin-left:-1px;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:-180px;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:990px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:990px; background:transparent;}}
@media print {.nav2 {float:left; width:990px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:990px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:990px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
