/*
  $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
*/

@import url(skin.css);

@import url(jcarousel.css);

@import url(imagebox.css);


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

#lightbox img{ width: auto; height: auto;}

#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-image: url(data:image/gif;base64,AAAA); /* 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) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }



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



#imageData{	padding:0 10px; color: #666; }

#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; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.extraimage{
  font-family: Verdana, Arial, sans-serif;
    background: #FFF;
  border: 1px;
  border-style: solid;
  border-color: #C5C5C7;
  font-size: 10px;
}

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

BODY {
  background: #FFF url(/images/bijoux-fantaisie-fond.jpg) repeat-x scroll center top;
  color: #000000;
  margin: 0px;
}


h2 {font-size:17px;
margin:0px;
color: #705135;
}

h3 {
margin:0px;
color: #705135;
font-size:11px;
}


#header-phrase {
position: absolute;
right : 380px;
top : 45px;
color: #993652;

}


.fn {
       margin : 0px;
	        }


   .price {
      position: relative;
         float: right;
	    margin : 6 2 2 2;
	    font-weight : bold;
	    font-size : 18px;
	       text-align: right; 
	       color:#635238;

	       }

	       .description {
	       margin : 2 2 2 2;
	         text-align: left;
		   width : 310px;
		      position: relative;
		      }



.fond-produit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:1px solid #FFF;
background:transparent url(/images/fond-produi.gif) no-repeat scroll center top;
margin:4px 0 0;
padding:8px;
}



.titreprix {
width : 100%; 
}

.titre {
position: relative;
float: left;
margin : 0px;
padding : 2px ; 
   }       



#produit-gauche {
 position:relative;
  float: left;
  margin : 1px 1px 1px 1px;
  width: 50%;
  padding : 2px ;
   }



   #produit-droite {
   position:relative;
   float: right;
   margin : 1px 1px 1px 1px;
   width: 45%;
   background: #F4FAFC;
    }





A {
  color: #AC8985;
  font-weight : bold;
  text-decoration: none;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #C3DAF3;
  color: #90344D;
  font-weight : bold;
}

A.headerNavigation { 
  FONT-SIZE: 13px; COLOR: #90344D; TEXT-DECORATION: none
}

A.headerNavigation:hover {
  color: #FFDBE7;
    font-size: 13px;
}



.bouton-header{
padding : 6 0 0 0; 
}

.bouton-header-ch{
padding : 5 14 0 0; 
}


a.bouton-header:link {
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}
a.bouton-header:visited {
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}
a.bouton-header:hover {
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-weight: bold;
font-size:14px;
text-decoration:none;
}

a.bouton-header:active {
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}



/* footer */
.footer {
 background:#EFF6FD  url(/images/bg_foote.jpg) no-repeat; background-position:center top;
  font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
        color: #666666;
	margin : 5 0 0 0; 
width:100%;
}


.footer-bas {
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 10px;
width : 100%;
background: #242424;
color: #ffffff;
 }

.barrefooter{
border-top:1px solid #666666;
  padding : 2 0 2 0px;
  margin : 4 0 0 0px;
}

.footer a:link {
color:#635238;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
.footer a:visited {
color:#666666;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
.footer a:hover {
color:#666666;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:underline;
}

.footer a:active {
color:#666666;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}





.footerlien a:link {
color:#635238;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
.footerlien a:visited {
color:#635238;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
.footerlien a:hover {
color:#635238;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
}

.footerlien a:active {
color:#635238;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}








  

.infoBoxfooter {border:1px solid #000000;
   font-family: Verdana, Arial, sans-serif;
       font-size: 11px;
             background: #1d1d1d;
		 padding : 5px;
		 margin :5px;
		     	  }


.footer-bas-noir {
	float:left;
padding:5px;
 color: #666666;
background: #1d1d1d;
}

.footerlien {
	color:#D6D6D6;
display:inline;
font-size:11px;
line-height:17px;
text-align:left !important;
float:left;
margin:20px 0 15 30px;
padding:0;
text-align:left;
width:300px;
	}
	
.footerlien label {
border-bottom:1px solid #666666;
color:#666666;
display:block;
font-size:14px;
margin-bottom:10px;
padding-bottom:10px;
width:290px;
}	
	
	



/* fin footer */





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

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

.infoBox {
  background: #705135;
}

.infoBoxContents {
  background: #ffffff;
  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: 10px;
  font-weight: bold;
  background: #705135;
  color: #FFFFFF;
}

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

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #705135;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #896766;
  color: #ffffff;
  font-weight: bold;
}

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

A.pageResults {
  color: #993652;
}

A.pageResults:hover {
  color: #96BEF4;
 
}

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

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

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

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

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

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


/*barre recherche haut*/

TD.BoxHeadingSearch {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF ;
}
A.BoxHeadingSearch {
  color: #FFFFFF;
 }
A.BoxHeadingSearch:hover {
  color: #FF0000;
 }

/* Graphical Borders - boxes column_left_right - Star */
.mws_boxTop    { background: url('images/infobox/top.gif');
                 font-family: Tahoma;
                   font-weight: bold;
                 font-size: 12px;
                 color: #FFFFFF;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }
/* Graphical Borders - boxes column_left_right - Star */

/* Graphical Borders - boxes main modules and file-pages - Star */
.mws_boxTop_main    { background: url('images/infobox_main/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft_main   { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #FFFFFF; }

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


TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

TD.productheadDesc {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 padding: 4px 0px 0px 10px;
}

/* Graphical Borders - boxes main modules and file-pages - End  */

/* menu haut onglet*/

.mws_boxTop2    { background: url('images/infobox/top2.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }

/* menu haut onglet*/



.barre-prix {
background: #F6F6F6;
padding : 5px;
  width:610px;
  border: 1px;
  border-style: solid;
 border-color: #DFDFDF;
  margin : 4 0 0 0  ;
}






.options {
background: #f6f6f6;
padding : 8px;
  border: 1px;
  width:320px;
  border-style: solid;
 border-color: #DFDFDF;
  margin : 0 0 0 0  ;
}


/* mes modifs*/
H1  {font-family: "Arial, Charcoal, sans-serif"; font-size: 23px ; color: #705135; }

.text-titre {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #705135;
}


A.menu_haut { 
  FONT-SIZE: 14px; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

A.menu_haut:hover {
  color: #FFDBE7;
    font-size: 14px;
    TEXT-DECORATION: none;
}