/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

select
{

border: solid black 1px;
background-color: #222222;
color: #ffffff;

}


#myMenu a {
  display: block; 
  width: 100%;
  border-top: solid black 1px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-decoration: none;

}


#myMenu a:link {
  background-color: white;
  color: black;
}

#myMenu a:visited {
  background-color: #eee;
  color: black;
}

#myMenu a:hover {
  background-color: black;
  color: white;
}

#myMenu a:active {
  background-color: red;
  color: yellow;
}

.navh2
{
background-color: #222222;
color: #990000;
font-weight: bold;
width: 120px;

}

.footertable {
width: 800px;
}


.headerdiv {
  background-image: url("images/fond1.jpg");
  background-repeat: no-repeat;
  color: #000000;
  margin: auto;
  height : 100%;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}


.credits

{
color: #444444; 
text-decoration:none;
font-size:.4em;
text-align: right;
font-weight : normal;
}

a.credits		{ color: #444444; text-decoration: none;}
a.credits:hover { color: #444444; text-decoration: none;}



BODY {
	// background: url(images/fond1.jpg) no-repeat center bottom;
	background-attachment: fixed;
	background-color: #000000;
	text-align:left;
	margin: 0px;
	margin-bottom: 0px;
}


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

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

FORM {
	display: inline;
}

/*Pour le header au dessus de Accueil>>Catalogue */
TR.header {
  background: #000000;
}

TR.headerNavigation {
  background:#000000;
}

/* Ecriture de Accueil>> */
TD.headerNavigation {
  font-family:  MS sans serif;
  font-size: 12px;
  background: #000000;
  color: #ffffff;
  font-weight : normal;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  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: #000000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

 .footer{
  background:#000000;
/* margin: 1px;
margin-bottom: 0px;
border-top: thin solid  #0000FF;
border-bottom: thin solid  #0000FF;
border-left: thin solid  #0000FF;
border-right: thin solid  #0000FF;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; */
}

TR.footer {
 width: 800px;
 background: #000000;

}

/* Ecriture dans le footer */
TD.footer {
background: #000000;
  font-family: Verdana;
  font-size: 9px;
  color: #ffffff;

}

.infoBox {
 background: #000000;
border: none ;
text-align: left;
  	margin: 1px;
	margin-bottom: 0px;
	border-top: thin dotted  #0000FF;
	border-bottom: thin solid  #0000FF;
border-left: thin solid  #0000FF;
border-right: thin solid  #0000FF;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;

}

/* Police sous les photos dans meilleures ventes */
.infoBoxContents {
  background: #000000;
  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 {
  font-family:  Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #333333;
 background-image: url("images/tableheaderbg.jpg"); 
   color: #ffffff;
  font-weight: Bold;
  text-align: center;

}

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: #000000;
   text-align: left;
}

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: #333333;
   text-align: left;
}

TABLE.productListing {
  
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #333333;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

/* Pour NOUVEAUTES ? */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #D9EFF5;
   background: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/* Choix méthode de paiement : radio */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
 color: #ffffff;


}

/* Pour l'écran Nouveaux produits pour aout principal*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#ffffff;
}
.smallText a {
color:#ffffff;
text-decoration:none;
}
.smallText a:hover {
color:#999999;
text-decoration:none;
}

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;
  color:#999999;
}

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

/*Pour les NOUVEAUX PRODUITS*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
   text-align: left;
    background: #000000;
}

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: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
 
}

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;
  font-size:13px;
  font-weight: bold;
  color: #ff0000;
}

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

.moduleRow { }
.moduleRowOver { background-color: #0000FF; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #CC0000; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 25px; color: #CC0000; }

TD.checkoutBar {
color: #ffffff
}

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



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
.headerNavigatio {
  background:#000000;
  height: 35px;
}

TR.headerNavigatio {
  background:#000000;
  font-size: 9px;
}


/* Ecriture de Accueil>> */
TD.headerNavigatio {
  font-family:  MS sans serif;
  font-size: 9px;
  background: #000000;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation{ 
  color: #FFFFFF; 
}

A.headerNavigatio:hover {
  color: #ffffff;
}



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


/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #C03000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #C03000;
 text-align : center;
}
/*** End Header Tags SEO ***/



TD.pub {
  color: #ffffff;
  text-align : center;
}



TD.smallText1, SPAN.smallText1, P.smallText1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FF0000;
}
.smallText1 a {
color:#FF0000;
text-decoration:none;
}
.smallText1 a:hover {
color:#999999;
text-decoration:none;
}


	/* Contribution Prof_Invoice&PackingSlip */
	.pageHeading-invoice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; padding: 3px; }
	.pageHeading-invoice2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; border: 1px ridge #CCCCCC; padding: 3px; }
	.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif;	font-size: 10px; color: #ffffff; font-weight: bold; border: 1px ridge #000000;}
	.main-payment { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FFFF99; border: 1px ridge #000000; }



TD.mainred{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color:#FF0000;
  font-weight:bold;
}