.boxText { color:#000000;  font-size: 12px; }
.errorBox { color:#000000; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { color:#000000; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 12px; color: #70d250; text-decoration: underline; }


/*@font-face { font-family:Legacy Sans SC ITC TT;   src:url(images/typo/LEGSNSW_.TTF); }*/
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url('images/typo/efd6FGWWGX5Z3ztwLBrG9b2aU247V0zTzydO4RoO9Ok.woff') format('woff');
}

BODY {
  background: #fff;
  color: #333;
  /*font-family:Legacy Sans SC ITC TT; */
  font-family: "Quattrocento Sans", arial, serif;
  margin: 0px;
  
}

img{border:0px}
span.justify{  text-align:justify; }


.title{ color:#333; font-size:12px; /* font-weight:bold; */ }

legend{ color:#333; font-size:15px; /* font-weight:bold; */ }

.panier{
  font-size: 10px;
}

b,strong,i{
color:#666;
}

.white{ color:#333; font-size:12px; /* font-weight:bold; */ }

p{
color:#000000;
}

A {
  font-size: 12px;
  /* font-weight:bold; */
  color: #333;
  text-decoration: none;
}

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


.categorie {
  color:#999;
}

.selected {
  font-size: 12px;
  /* font-weight:bold; */
  color:#333;
 /* text-decoration: underline;*/
}
.selected:hover {
  color:#333;
  text-decoration: underline;
}

A.jcreation {
  font-size: 12px;
  color: #333;
  text-decoration: none;
}

A.jcreation:hover {
	color: #333;
  text-decoration: underline;
}

A.header {
   
  font-size: 12px;
  /* font-weight:bold; */
  color: #333;
  text-decoration: none;
}

A.header:hover {
	color: #333;
  text-decoration: underline;
}

FORM {
	display: inline;
}


TD.headerNavigation {
  
  font-size: 12px;
  background: #bbc3d3;
  color: #333;
  font-weight : bold;
}

A.headerNavigation { 
  color: #333; 
}

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

A.headerNavigationSelected{ 
  color:  #333;
  text-decoration:underline
}
A.headerNavigationSelected:hover {
  color:  #333;
  text-decoration:underline
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  
  font-size: 12px;
  background: #ff0000;
  color: #333;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  
  font-size: 12px;
  background: #00ff00;
  color: #333;
  font-weight: bold;
  text-align: center;
}


.infoBox {
/* background: #3a4a64;*/
}

.infoBoxContents {
 /* background: 	#a1b2c2;*/
  
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

img.image{ border: 1px solid #3a4a64; }

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 12px;
}

TD.infoBoxHeading {
  
  font-size: 12px;
  font-weight: bold;
  /*background: #0f1629;
  color: #333;*/
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 
}

TABLE.productListing {
  /*border: 0px;
  border-style: solid;
  border-color: #bbc3d3;
  border-spacing: 1px;*/
}

.productListing-heading {
  
  font-size: 12px;
  /*background:  #a1b2c2;*/
  color: #3d577c;
  font-weight: bold;
}

TD.productListing-data {
	 color: #000000;
  
  font-size: 12px;
}

A.pageResults {
  color:#666;
}

A.pageResults:hover {
  color: #666;
  
}
TD.pageHeading span{  font-size:15px; color:#333; }
TD.pageHeading {
  font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#333; 
  /*font-size: 20px;
  font-weight: bold;
  color: #223652;*/ 
}
 DIV.pageHeading{
  font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#333; 
}
TD.pageHeading2 span span{  font-size:15px; color:#333; }
TD.pageHeading2 {
  font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#333; 
  /*font-size: 20px;
  font-weight: bold;
  color: #333;*/
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  
  font-size: 12px;
  color: #333;
  
}
TD {
  
  font-size: 12px;
  color:#000000;
  line-height: 1.5;
}
TD.main, P.main,smallText {
  
  font-size: 12px;
  line-height: 1.5;
  color:#000000;
}



TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA {
  
  font-size: 12px;
  background:#FFF;
   border:1px solid #333
}

input.gravure{ border:none; background:none; color:#666; }

TEXTAREA {
  width: 100%;
}

SPAN.greetUser {
  
  font-size: 12px;
  color: #333;
  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: #ff0000;
  font-weight: bold;
}

SPAN.productPrice {
  
  color: #ff0000;
  font-size:12px;
}

SPAN.productPriceBlue {
  
  color:  #666;
  font-size:12px;
}



SPAN.productSpecialPrice {
  
  color: #ff0000;
  font-size:12px;
}

SPAN.errorText {
  
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #fff; cursor: pointer; cursor: hand; color:#333; }
.moduleRowSelected { background-color: #ccc; color:#333;}

.checkoutBarFrom, .checkoutBarTo {   font-size: 12px; color: #000000; }
.checkoutBarCurrent {  font-size: 12px; color: #ff0000; }

/* message box */

.messageBox {  font-size: 12px; }
.messageStackError, .messageStackWarning { color:#000000;   font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { color:#000000;  font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-size: 12px; color: #ff0000; }
div.actualites { 
      width : 100% ; height : 120px ;
       top : 0px ;
	  overflow : auto ;
	  widows:inherit
	  }
	  
div.scrollbar { 
  width : 760px ; height : 470px ;
  top : 0px ;
  overflow : auto;
  widows:inherit;
  }	 
  
 .scroll-pane
			{
				 width : 760px ; height : 470px ;top : 0px ;
				overflow: auto;
			} 
   
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:#CCC;
	position: relative;
}

.jspDrag
{
	background:#999;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}  
  
  
  
  
  
  
  
  
 div.N200 { background:url(images/infobox/N200.png) center no-repeat; display:block; width:200px; height:200px; padding-top:74px;  margin:0px
 }
 div.N145 { background:url(images/infobox/N145.png) center no-repeat; display:block; width:135px; height:145px; padding-top:54px; margin:0px }