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

BODY {
  color: white;
  background: #737373;
  color: #000000;
  margin: 0px;
  width:1OO%;
  
}

A {
  color: #666666;
  text-decoration: none;

}

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

FORM {
	display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #000000;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #FFFFFF;
  font-weight : bold;
}

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: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000000;
}

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

.categories {
  bgcolor: #000000;
   font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: 2px;
  border-color: #aabbdd;
}

.bestSellers {
  bgcolor: #000000;
}

.simpleSearch {
  bgcolor: #000000;
}

.search {
  bgcolor: #000000;
}

.languages {
  bgcolor: #000000;
}

.manufacturer_info {
  bgcolor: #000000;
}

.notification {
  bgcolor: #000000;
}

.newsletter {<div><button id="stop-button" style="float:left;margin:10px;">Stop
Auto Play</button> <button id="start-button" style=
"float:left;margin:10px;">Start Auto Play (2 seconds)</button>

<div style="float:left;margin:10px;" id="status"></div>
</div>

  bgcolor: #000000;
}

.flashselling {
  bgcolor: #000000;
}

.specials {
  bgcolor: #000000;
}

.tellafriend {
  bgcolor: #000000;
}

.infoBoxContents {
   font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: 2px;
  border-color: #aabbdd;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.star-product-title {
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.star-product {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.star-product-price{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  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: #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: 0px;
  background: #000000;
}

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  background: #000000;
  color: white;
}


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

TD.smallText_rouge, SPAN.smallText_rouge, P.smallText_rouge {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: red;
}


.blanc{
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: white;
}

.blanc a{
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: white;
}


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

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

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#FFFFFF;
}

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;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

/* //rmh M-S_multi-pricing begin */
TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccFFcc;
}
/* //rmh M-S_multi-pricing end */
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

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

h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #FFFFFF;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
color: #333333;
}

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

/* START Categories Tabs v2.0 */
A.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF; 
}

A.tabsNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #3366CC;
}

TD.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
/*  background: #CCCCCC;*/
  color: white;  /* Color of the not selected category text */

}
/* END Categories Tabs v2.0 */
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;
}

.partiebas{
background:black;
width:100% !important;
/width:100%;
float:left;
}

.banniere{
width:924px;
height:120px;
background:black;
/*border:solid 1px white;*/
border-bottom:none;
padding-top:20px;
}

.banniere_image{
  margin-left:30px;
}

.menu{
width:924px;
background:black;
padding-top:10px;
float:left;
/*border-right:solid 1px white;
border-left:solid 1px white;*/
}

.menu img{
border:none
}

.menu a:hover{
/*border:1px solid red;*/
}

.contenu{
width:100%;
background:black;
color:white;
padding-top:20px;
float:left;
}

.contenu a{
 width:100%;
color:white;
}

.meilleurVentes{
width:48%;
background:black;
float:left;
/*border:solid white 1px;*/
margin-top:0px;
margin-bottom:0px;
border-right:none;
margin-left:20px;
}

.nouveautes{
width:48%;
background:black;
float:right;
/*border:solid white 1px;*/
margin-top:0px;
margin-bottom:0px;
border-right:none;
margin-right:10px;

}

.pied{
color:#333333;
font-size:10px;
background:#737373;
width:924px;
text-align:center;
height:10px;

}

.images{
width:33.8%;
background:black;
float:left;
/border:none;

}

.petitesimages{
margin-top:2px;
/border:none;
margin-left:3%;
float:left;
}

.grandeimage{
margin-left:3%;
}

.grandeimage a{
border:none;
text-decoration:none;
}

.grandeimage img{
border:none;
}


.petiteimage{
margin-top:10px;
margin-right:10px;
/border:none;
}


.page{
  background:black;
  width:924px;
  margin-left:5%;
  margin-top:20px;
}

.petiteimage a{
/border:none;
}

petiteimage img{
/border:none;
}

.petiteimage a:hover{
/border:none;
}

.petiteimage img:hover{
border:solid red 1px;

}

.info{
width:65% !important;
background:black;
/width:50%;
float:right;
text-align:center;
}

.bas{
background:black;
float:left;
margin-top:20px;

}

.infotable{
text-align:center;
color:white;
font-weight:bold;
}

.infotexte{
  width:100% !important;/*lisible seulement par mozilla*/
  margin-left:2% !important;
  /width:120%;/*lisible seulement par IE*/
  /margin-left:0px;
  text-align:center;

}

.description_produit{
margin-top:30px;
font-size:10px;
color:white;
}

.gras{
font-weight:bold;
color:white;
font-size:12px;
}

.choix{
color:white;
margin-top:5px;
}

.listing{
  font-size:12px;
}

.lignelisting{
padding-left:65px;
width:904px;
height:180px;
margin-top:20px;
}

.produitlisting{
width:120px;
margin-left:10px;
background:#666666;
text-align:center;
float:left;
}


.produitlisting img{
border:none;
}

.produitlisting img:hover{
border:red 1px solid;
}


.infotexte .addpanier{
background:url('includes/languages/french/images/buttons/button_in_cart.gif');
border:none;
width:300px;
height:30px;
}

.infotexte .addpanierpetit{
background:url("includes/languages/french/images/buttons/button_in_cart_petit.gif");
border:none;
width:200px;
height:20px;
}

.panier{
  z-index:100;
  position:absolute;
  margin-left:800px;
  margin-top:30px;
  color:white;
  font-size:10px;
  font-family: Verdana, Arial, sans-serif;
}

.panier a{
  color:white;
  font-size:9px;
  font-family: Verdana, Arial, sans-serif;
  text-decoration:none;
}

.panier a:hover{
  color:#CCCCCC;
  text-decoration:none;
}

.identification{
color:white;
width:40%;
padding-left:70px;
font-size:13px;
/margin-left:70px;
}

.identification a:hover{
color:#CCCCCC;
text-decoration:none;
}

.texte_compte{
  color:white;
  width:47%;
  float:right;
  padding-right:20px;
  
  font-size:13px;
}

.nouveau_compte{
  color:white;
  font-size:13px;
}

.texte_compte a:hover{
color:#CCCCCC;
text-decoration:none;
}

.menu_identifie{
color:white;
text-decoration:none;
font-size:13px;
padding-left:30px;
}

.menu_identifie a{
color:white;
text-decoration:none;
font-size:13px;
}

.menu_identifie a:hover{
color:#CCCCCC;
text-decoration:none;
font-size:13px;
}
.compte_�dition{
margin-left:70px;
}
.tableau{
  color:white;
  font-size:13px;
}

.red{
color:red;
font-size:13px;
}

td.tableau{
  color:white;
  font-size:13px;
}

table.tablepage{
  margin-left:15%;
}

.accueil{
   background:black;
   width:100%;
}

.products_info{
  width:100%;
  min-height:530px;
  background:#000000;
}

.image_marque{
  float:left;
  display:block;
  margin-top:-40px;
  /margin-top:-42px;
  margin-left:780px
}

.image_marque2{
  float:left;
  display:none;
  margin-top:-40px;
  /margin-top:-42px;
  margin-left:780px
}

.marques{
  display:none;
  position:absolute;
  z-index:100;
  margin-left:820px !important;
  /margin-left:-80px;
  margin-top:40px !important;
  /margin-top:10px;
  background:url('images/fond_marques.png');
}

.marques a{
  text-decoration:none;
  color:#000000;
  padding-left:4px;
  padding-right:4px;
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
}

.marques a:hover{
  text-decoration:none;
  color:#000000;
  padding-left:4px;
  padding-right:4px;
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
  font-weight:bold;
}

.ouvert{
float:left;
background:url('images/ouvert.jpg');
}

.ouvert a{
background:url('images/ouvert.jpg');
float:left;
width:80px;
height:40px;
}

.ouvert a:hover{
background:url('images/ouvert_hover.jpg');
float:left;
width:80px;
height:40px;
}

.transparente{
float:left;
background:url('images/transparente.jpg');
}


.transparente a{
float:left;
background:url('images/transparente.jpg');
float:left;
width:130px;
height:40px;
}

.transparente a:hover{
float:left;
background:url('images/transparente_hover.jpg');
float:left;
width:130px;
height:40px;
}

.bain{
float:left;
background:url('images/bain.jpg');
}


.bain a{
float:left;
background:url('images/bain.jpg');
float:left;
width:65px;
height:40px;
}

.bain a:hover{
float:left;
background:url('images/bain_hover.jpg');
float:left;
width:65px;
height:40px;
}


.grosse_ceinture{
float:left;
background:url('images/grosse_ceinture.jpg');
}


.grosse_ceinture a{
float:left;
background:url('images/grosse_ceinture.jpg');
float:left;
width:185px;
height:40px;
}

.grosse_ceinture a:hover{
float:left;
background:url('images/grosse_ceinture_hover.jpg');
float:left;
width:185px;
height:40px;
}


.fashion{
float:left;
background:url('images/fashion.jpg');
}


.fashion a{
float:left;
background:url('images/fashion.jpg');
float:left;
width:95px;
height:40px;
}

.fashion a:hover{
float:left;
background:url('images/fashion_hover.jpg');
float:left;
width:95px;
height:40px;
}



.gros_paquet{
float:left;
background:url('images/gros_paquet.jpg');
}


.gros_paquet a{
float:left;
background:url('images/gros_paquet.jpg');
float:left;
width:125px;
height:40px;
}

.gros_paquet a:hover{
float:left;
background:url('images/gros_paquet_hover.jpg');
float:left;
width:125px;
height:40px;
}

.classic{
float:left;
background:url('images/classic.jpg');
}


.classic a{
float:left;
background:url('images/classic.jpg');
float:left;
width:95px;
height:40px;
}

.classic a:hover{
float:left;
background:url('images/classic_hover.jpg');
float:left;
width:95px;
height:40px;
}
.footer a{
  color:#333333;
}

.pageparpage{
  color:#FFFFFF;
  
}

.pageparpage a{
  color:#333333;
}