.stockWarning {
	FONT-SIZE: 10px; COLOR: #cc0033; FONT-FAMILY: Verdana, Arial, sans-serif
}
.productsNotifications {
	BACKGROUND: #f2fff7

}
.orderEdit {
	FONT-SIZE: 10px; COLOR: #4382c0; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline
}

BODY {
 BACKGROUND: #ffffff; 
/* background-image: url(images/fond05.gif); */
/*  c8ffa0  background-image: url(images/fond01.jpg) ;	yellowpaper.gif  fond vert rayures.gif  straw.jpg
background-image: url(images/beaufondvert.jpg) ;
 BACKGROUND: #bbeeaa ;  COLOR: #cc0066 ; scrollbar-track-color:#75df51 ; */
MARGIN: 0px; COLOR: #565656 ;	/* 888888  007744   */

text-align:center; margin:0 auto; text-align:center; padding: 0; height: 100%;

scrollbar-face-color:#aacaa4;
scrollbar-arrow-color:#ccff00 ;
scrollbar-track-color:#d9e8d6 ;
scrollbar-shadow-color:#819d13 ;
scrollbar-highlight-color:#ffffcc ;
scrollbar-3dlight-color:#ccff00 ;
scrollbar-darkshadow-Color:#000000;
}

/* bordures et fond du tableau central du site qui est ainsi indépendant du fond du reste de la page. */
TABLE.SiteBody { border : 1px solid #aacaa4 ; border-top: 0px; border-bottom 0px; BACKGROUND: #ffffff; margin: auto }

A {
	COLOR: #999999; TEXT-DECORATION: none; font-weight: bold
}
/*
COLOR: #39b410;
A:hover {
	COLOR: #ffcc00; TEXT-DECORATION: underline
}
add50d
*/
A:hover {
	COLOR: #009933; TEXT-DECORATION: none
}

FORM {
	DISPLAY: inline
}
TR.header {
BACKGROUND: #ffffff ;
/*
background-image: url(images/beaufondvert.jpg) ;
	BACKGROUND: #d5ffac  #bbeeaa     4382c0  #c8ffa0*/
}
TR.headerNavigation {
	BACKGROUND: #ffffff
}
TD.headerNavigation {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #aacaa4; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
A.headerNavigation {
	COLOR: #ffffff
}
A.headerNavigation:hover { text-decoration : none ;
	COLOR: #ffff00
}
TR.headerError {
	BACKGROUND: #ff0000
}
TD.headerError {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #ff0000; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
TR.headerInfo {
	BACKGROUND: #00ff00
}
TD.headerInfo {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #00ff00; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
TR.footer {
	BACKGROUND: #4382c0
//BACKGROUND: #bbeeaa
}
TD.footer {
//BACKGROUND: #4382c0
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #aacaa4; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
.infoBox { border : 1px solid ; border-top-color: #aacaa4 ; border-left-color : #aacaa4 ; border-bottom-color : #aacaa4  ; border-right-color : #aacaa4 ; BACKGROUND: #ffffff ;
}
/*    #ccff00 
border : 1px solid #39b410 ;
border-top-color: #ffffff ; border-left-color : #39b410 ; border-bottom-color : #39b410  ; border-right-color : #39b410 ; 
.infoBox { border : 1px solid #000000 ;  border-top-color: #718034 ; border-left-color : #718034 ; border-bottom-color : #000000  ; border-right-color : #000000 ; BACKGROUND: #ffffcc ;  
.infoBox {    border : 1px inset #ccff00 ;  } 
*/
.boxText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif; 
}

.errorBox {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #ffb3b5; FONT-FAMILY: Verdana, Arial, sans-serif
}
//.infoBoxContents {
//	FONT-SIZE: 10px; BACKGROUND: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
//}/*	#fafde9   #39b410  #888888  #fee9c8orangé   #ffffccjaune*/

/* si on rajoute color : #888888 ; dans .infoBoxContents, alors ça bloque le mouse over sur la box panier!! */
.infoBoxContents { FONT-SIZE: 10px; BACKGROUND: #fee9c8 ; FONT-FAMILY: Verdana, Arial, sans-serif;
}

.infoBoxNotice {
	BACKGROUND: #ff8e90
//BACKGROUND: #000000

}
.infoBoxNoticeContents {
	FONT-SIZE: 10px; BACKGROUND: #ffe6e6; FONT-FAMILY: Verdana, Arial, sans-serif
}
/* ********************
TD.infoBoxHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/bandeau_boxes.gif); COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.infoBoxHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobox/corner_right_left.gif); COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}

border : 1px solid ;
************************ */
TD.infoBoxHeading {
	FONT-WEIGHT: bold; TEXT-ALIGN: center; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/infobox/corner_right_left.gif); ; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif; border: 0 px solid ; border-top-color: #aacaa4 ;  border-bottom-color: #aacaa4 ; border-right-color: #aacaa4 ; border-left-color: #aacaa4 ;
}
//TABLE.infoBox { background : #ffffff ; border : 2px input #000000}
TD.infoBox { 
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif ; border: 2px solid #2b7a11 ; 
}
SPAN.infoBox {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TR.accountHistory-odd {
BACKGROUND: #f4f7fd
}
TR.addressBook-odd {
	BACKGROUND: #f4f7fd
}
TR.alsoPurchased-odd {
	BACKGROUND: #f4f7fd
}
TR.payment-odd {
	BACKGROUND: #f4f7fd
}
TR.productListing-odd {
	BACKGROUND: #ffffcc }
TR.productReviews-odd {
	BACKGROUND: #f4f7fd
}
TR.upcomingProducts-odd {
	BACKGROUND: #f4f7fd
}
TR.shippingOptions-odd {
	BACKGROUND: #f4f7fd
}
TR.accountHistory-even {
	BACKGROUND: #ffffff
}
TR.addressBook-even {
	BACKGROUND: #ffffff
}
TR.alsoPurchased-even {
	BACKGROUND: #ffffff
}
TR.payment-even {
	BACKGROUND: #ffffff
}
TR.productListing-even {
	BACKGROUND: #f7f7cd
}
//autre coul possible pour TR.productListing-even	BACKGROUND: #dcdcb4 ou #e4e4c4
TR.productReviews-even {
	BACKGROUND: #ffffff
}
TR.upcomingProducts-even {
	BACKGROUND: #ffffff
}
TR.shippingOptions-even {
	BACKGROUND: #ffffff
}
TR.productListing-heading {
	BACKGROUND: #d2e9fb
border : 1px solid #ccff00 ;  border-top-color: #718034 ; border-left-color : #718034 ; border-bottom-color : #ccff00  ; border-right-color : #ccff00
}
TD.productListing-heading {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #aacaa4; COLOR: #ccff00; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-VARIANT: small-caps; 
}
A.productListing-heading { color: #ffffff ; FONT-WEIGHT: bold; FONT-SIZE: 11px; }
A.productListing-heading:hover { color: #ccff00 ; FONT-WEIGHT: bold; FONT-SIZE: 11px; }
TD.productListing-data {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
A.pageResults {
	COLOR: #0000ff
}
A.pageResults:hover {
	BACKGROUND: #ffff33; COLOR: #0000ff
}
TD.tableHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.pageHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #999900; FONT-FAMILY: Verdana, Arial, sans-serif
}
//autres couleurs sympa pour pageHeading color: 889955,bb9966,886600,bb9966
DIV.pageHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.prix {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ff363c; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.prix {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ff363c; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.titre {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ffe88e; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.titre {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ffe88e; FONT-FAMILY: Verdana, Arial, sans-serif
}
TR.subBar {
	BACKGROUND: #f4f7fd
}
TD.subBar {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
/*TD.main {
	FONT-SIZE: 11px; LINE-HEIGHT: 1.5; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: #505050
} */
TD.main {
	FONT-SIZE: 11px; LINE-HEIGHT: 1.5; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: #565656
}
P.main {
	FONT-SIZE: 11px; LINE-HEIGHT: 1.5; FONT-FAMILY: Verdana, Arial, sans-serif; 
}
TD.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
P.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.greetUser {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #add50d ; FONT-FAMILY: Verdana, Arial, sans-serif
}
/* ancienne couleur de greet user #0033ff */
TD.accountCategory {
	FONT-SIZE: 13px; COLOR: #aabbdd; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.fieldKey {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.fieldValue {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.newItemInCart {
	FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, sans-serif
}

INPUT.CHECKBOX {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif; background: #fee9c8
}
INPUT.radio {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif; background: #fee9c8
}

/* #336633  #819d13  #27780c #ccff00  INPUT.box */
INPUT.text { background: #E9FDE9 ; color: #ff3399 ; border: 2px input #2b7a11 ; border-right-color : #ccff00; border-bottom-color : #ccff00;
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif ; font-weight:bold ; text-align : center
}
INPUT.image { background: #fee9c8 ; color: #ccff00 ; border: none 
}
RADIO {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif
}
/*  background: #aacaa4   */
SELECT { background: #E9FDE9 ; color: #ff3399 ; border: 2px input #2b7a11 ; border-right-color : #ccff00; border-bottom-color : #ccff00; 
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif ; font-weight:bold
}

/* je crée la classe suivante à cause de la page create_account.php qui déborde en
 largeur si je laisse la fonte en gras, je la passe donc en normal. ffff00      background: #aacaa4 ; color: #000000  */
SELECT.textbis { background: #E9FDE9 ; color: #ff3399 ; border: 2px input #2b7a11 ; border-right-color : #ccff00; border-bottom-color : #ccff00; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif ; font-weight:normal }

TEXTAREA { background: #E9FDE9 ; color: #ff3399 ; border: 2px input #2b7a11 ; border-right-color : #ccff00; border-bottom-color : #ccff00;
	FONT-SIZE: 11px; WIDTH: 100%; FONT-FAMILY: Verdana, Arial, sans-serif
}
TABLE.formArea {
	BORDER-RIGHT: #7b9ebd 1px solid; BORDER-TOP: #7b9ebd 1px solid; BACKGROUND: #f1f9fe; BORDER-LEFT: #7b9ebd 1px solid; BORDER-BOTTOM: #7b9ebd 1px solid
}
TD.formAreaTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif
}
SPAN.markProductOutOfStock {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #c76170; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif
}
SPAN.productSpecialPrice {
	COLOR: #ff6633; FONT-FAMILY: Verdana, Arial, sans-serif
}
.moduleRow {
	BACKGROUND-COLOR: #ffffcc
}
.moduleRowOver {
	CURSOR: hand; BACKGROUND-COLOR: #ccff00
}
/* d7e9f7 */
.moduleRowSelected {
	BACKGROUND-COLOR: #bbeeaa
}
//ancienne couleur pour moduleRowSelected #e9f4fc
.checkoutBarFrom {
	FONT-SIZE: 10px; COLOR: #8c8c8c; FONT-FAMILY: Verdana, Arial, sans-serif
}
.checkoutBarTo {
	FONT-SIZE: 10px; COLOR: #8c8c8c; FONT-FAMILY: Verdana, Arial, sans-serif
}
.checkoutBarCurrent {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
/* les styles suivants ont été rajoutés par moi */

.tabstage { FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, sans-serif ; vertical-align: top; cellspacing: 0px; cellpadding: 0px;
border : 1px solid #ccff00 ;  border-top-color: #718034 ; border-left-color : #718034 ; border-bottom-color : #ccff00  ; border-right-color : #ccff00 ; BACKGROUND: #ffffcc ;
}

.entete { background: #39b410; color: #ccff00 }



/* classe créée pour les tableaux de correspondances des options pour les produits ayant des options */
.optionTable {
	border: 1px solid #aadaa4; BACKGROUND: #fee9c8 ; FONT-SIZE: 12px;
}

TR.optionTableRow02 {
	  BACKGROUND: #fee9c8;
}

TR.optionTableRow01 {
	  BACKGROUND: #ffffcc;
}

/*
TR.optionTableRow {
	border: 1px solid #000000;  border-top-color: #aadaa4;  BACKGROUND: #fee9c8 ; align: center;
} border: 1px solid #000000;  
*/


/*  h1 et h2 rajoutés pour header tag controller. autre coul possible pour h1: #999900 
 889955,bb9966,886600,bb9966    vertkaki#add50d  orange#f88f29 */
h1 { 
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #128e5e; FONT-FAMILY: Verdana, Arial, sans-serif;
}

h2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px; COLOR: #128e5e; vertical-align:top;
}
/* menu horizontal rajouté par moi dans le header	*/
.menugeneral3 {
		//width:140px; font-size:0.80em;
		width:783px; font-size:0.80em;
		font-family:verdana,arial,helvetica,sans-serif;
		font-weight: bold;
		border:1px solid black; color:#ffc;
		border-right:1px solid black;
		border-bottom:1px solid black;
		background-color: #557788;
		cellpadding:0;
		}
A.menugenerallien { color:#ffffcc; }
A.menugenerallien:hover { color:#ff3399; }
.menuitem4 { 
		background:#aacaa4; 
    border-bottom:1px solid black; border-right:1px solid black; 
    border-top:1px solid #ffc; border-left:1px solid #ffc; text-align: center;

		}
.menuitema4 {  /* ne sert qu'a la mise au point   #ffffcc */
		background:#fee9c8; color:#f39;
    border-top:1px solid black; border-right:1px solid #d9ae3c; 
    border-bottom:1px solid #cca; border-left:1px solid black; text-align: center;
		}
A.menugenerallien5 { color:f39; }
A.menugenerallien5:hover { color:ffc; }
.menuitem5 { 
		background: #fee9c8; 
    border-bottom:1px solid black; border-right:1px solid black; 
    border-top:1px solid #ffc; border-left:1px solid #ffc; text-align: center;

		}
.menuitema5 {  /* toute la classe avec le numéro 5 c'était pour un bouton de couleur différente dans le menu */
		background: #aacaa4; color:#f39;
    border-top:1px solid black; border-right:1px solid #d9ae3c; 
    border-bottom:1px solid #cca; border-left:1px solid black; text-align: center;
		}