/*
  $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 { color: #4c4978; font-family: "Comic Sans MS", tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: 500; text-decoration: none; text-align: left; }
.errorBox { font-family : tahoma, Arial, Verdana, sans-serif, "Comic Sans MS"; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : tahoma, Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #fff; }
.orderEdit { font-family : "Comic Sans MS", tahoma, Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY { margin: 0 0 10px; background: #e3f6fb; color: #4c4978; font-size: 11px; }

.fixcenter { font-size: 12px; position: absolute; width: 1000px; left: 50%; margin-top: 10px; margin-left: -500px; margin-bottom: 10px; text-align: left; background: #fff; }

A { color: #4c4978; font-size: 12px; text-decoration: none; }

A:hover { color: #f99c11; font-size: 12px; font-weight: bolder; text-decoration: underline; }

FORM { font-size: 12px; display: inline; }

div.header { width: 1000px; height: 122px; background: #b9e3e5 url(images/header.jpg) no-repeat left top; border-top: 80px solid #b9e3e5; }

TR.header {
/*	background: #b9e3e5;*/
}

TR.headerNavigation {
  background: #a59f98;
}

TD.headerNavigation { font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif; font-size: 11px; background: #bcc93b; color: #fff; font-weight : bold; height: 14px; border-bottom: 4px solid #bcc93b; }

A.headerNavigation { color: #ffffff; height: 14px; }

A.headerNavigation:hover { color: #ffffff; height: 12px; }

TD.liencolg { 
	border: 1px  solid #fff; 
}

A.liencolg { 
  color: #FFF; 
  font-size: 12px;
}

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: #b9e3e5; height: 12px; }

TD.footer { font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif; font-size: 10px;
/*  background: #bcc93b;*/
  color: #ffffff; font-weight: bold; background-color: #bcc93b; border-bottom: 4px solid #bcc93b; }

#footer {
	clear: both; 
	height: 138px;
	background: #b9e3e5 url(images/footer.jpg) no-repeat 50% bottom;
}

#footer p {
  font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #fff;
	margin: 5 10 10 10;
}

#footer a {
  color: #4c4978;
}

#footer a:hover {
  color: #f99c11;
}

.infoBox {
  font-size: 11px; background: transparent; }

.infoBoxContents {
  display:block;
/*  background: #e0f0de;*/
  width: 100%;
  background: #b9e3e5; font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif; font-size: 11px; border-color: transparent; border-style: none; }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #ffe6e6;
  font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading { font-family: "Comic Sans MS", Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: bold;
/*  background: #bcc93b;*/
  background: #bcc93b; color: #ffffff;
/*  text-align : center;*/
  height: 12px; padding-left: 10px; border-bottom: 3px solid #bcc93b; }

TD.infoBox, SPAN.infoBox {
  font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

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: 2px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 2px;
}


.productListing-heading {
  font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #bcc93b;
  color: #ffffff;
  font-weight: bold;
}

TD.productListing-data { font-family: "Comic Sans MS", tahoma, Arial, Verdana, sans-serif; font-size: 11px; background-color: #fff; }

A.pageResults { color: #0000ff; font-size: 12px; }

A.pageResults:hover { color: #0000ff; font-size: 12px; background: #ffff33; }

TD.pageHeading, DIV.pageHeading {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #666;
}

TD.pageHeadMed {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #7f7f7f;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 11px;
}

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

TD.fieldKey {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: "Comic Sans MS", Arial, Verdana, 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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

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

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

h1 { 
 font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #7b7a7a;
}

h2 {
 font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

#diapo1 {
		float: left; 
		width: 150px;
		margin-top: 12px;
		margin-right: 10px; 
		margin-left: 10px; 
		margin-bottom: 5px; 
		}

#diapo2 {
		float: right; 
		width: 100px;
		margin: 15 10 10 0;
		}

#presenta { width: 95%; padding: 1 10; background: #b9e3e5; margin: 5px 10px; }

#coord {
		width: 90%;
		margin: 0 10 0 10;
	 	padding: 0 10;
    background: #E5E5E5;
}

P.titre {
	margin-left: 75px; 
	font-family: "Comic Sans MS", tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
	text-align: justify;
}

P.texte {
	font-family: "Comic Sans MS", tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4c4978;
}

a span { /* d?finition de la balise <span> inclue dans <a> */
display: none;
color: #F18D01;
}
a:hover span { /* d?finition de la balise <span> au survol */
display: block;
position: absolute;
top: 700px; /* positions et dimensions du calque, que vous pouvez changer ? loisir */
left: 275px;
text-align: center;
color: white;
}

ul.sitemap {
color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #b9e3e5; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: "Comic Sans MS", Arial, Verdana, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: "Comic Sans MS", Arial, Verdana, sans-serif; font-size: 11px; color: #000000; }

/* message box */
.messageBox { font-family: "Comic Sans MS", Arial, Verdana, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: "Comic Sans MS", Arial, Verdana, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: "Comic Sans MS", Arial, Verdana, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: "Comic Sans MS", Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


td.colorchart

{

   width:16px;

   height:12px;

}

.infoBoxContents, .newItemInCart {
  display:block;
}

.infoBoxContents a:hover span, .newItemInCart a:hover span{ /* d?finition de la balise <span> au survol */
display: block;
position: relative;
top: 0px; /* positions et dimensions du calque, que vous pouvez changer ? loisir */
left: 0px;
text-align: left;
color:#F18D01;
}

/* Menu de gauche au survol */
#navig {
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	}
#navig li {
	float: left;
	display: block;
	margin-top:0px;
	margin-left:0px;
	text-align:left;
	padding-left:0px;
	}
#navig ul {
	list-style-type: none;
	margin-left:0px;
	margin-top:0px;
	text-align:left;
	padding-left:0px;
	}

#navig a {
	display: block;
	}
#navig span {
	display:block;
	font-size:11px;
	text-transform: uppercase;
	font-weight: bold;
	color : #FFFFFF;
	font-family: verdana;
	text-align:left;
	}
#navig  span a:hover {
	text-decoration : underline;
	}
#navig a {
	text-decoration : none;
	}
#menu {
	padding-top:0;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	}
#navig .menu {
	margin-left:0px;
	margin-top:0px;
	padding-top:6px;
	padding-left:0px;
	}

#navig li.m1,#navig li.m2,#navig li.m3,#navig li.m4,#navig li.m5,#navig li.m6,#navig li.m7,#navig li.m8,#navig li.m9 {
	width: 100%;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	}

#navig .smenu li {
	width: 100%;
	}
#navig .smenu {
	visibility: hidden;
	position:absolute;
	z-index:1000;
	border:1px solid #fff;
	width:200px;
	padding-left:3px;
	padding-right:3px;
	background-color: #b9e3e5; /* couleur de fond de popup */
	margin-top:-20px;
	margin-left:90px;
	}
/*#navig a.menu {
	padding-bottom : 11px;
	}*/
#navig .smenu a {
	text-align:left;
	font-weight:bold;
	font-size:11px;
	color:#4c4978; /* couleur des liens dan popup */
	}
#navig .smenu a:hover {
	background: #ffffff;
	text-decoration : none;
	color:#f99c11; /* couleur des liens de popup au survol */
	font-weight: bold;
	}



/* BOF: More Pics 6 */
TABLE.popup {
  border-width: 1px;
  border-style: dotted;  
  border-color
}
/* EOF: More Pics 6 */