/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
  .cat_description {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #800000;
     background : inherit;
     font-weight : bold;
      }
		
.cachediv {
		display: none;
		overflow: hidden;
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: 0px;
		position: absolute;
	}
	
 .boxText {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 13px;
     color : #ffffff;
     background : inherit; 
      }
 .centerTable {
     background-repeat : repeat-x;
     background : #fbfcfd;
     color : inherit;
      }
 .errorBox {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : inherit;
     background : #ffb3b5;
     font-weight : bold;
      }
 .stockWarning {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #cc0033;
     background : inherit;
      }
 .productsNotifications {
     background : #f2fff7;
     color : inherit;
      }
 .orderEdit {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #ff00ba;
     background : inherit;
     text-decoration : underline;
      }
 .navBlue {
     color : #ff0000;
     background : inherit;
     font-size : 8pt;
     font-family : Arial, Helvetica, sans-serif;
      }
 .subnavBlue {
     color : #9966ff;
     background : inherit;
     font-size : 8pt;
     font-family : Arial, Helvetica, sans-serif;
      }
body, html {
background : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #ffffff;
margin : 0;
background-color: #000000;
margin-left: 0px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 6px;
}
 A {
     color : #ffffff;
     background : inherit;
     text-decoration : none;
      }
 A:hover {
     color : #ffffff;
     background : inherit;
     text-decoration : none;
      }
 FORM {
     display : inline;
      }
 TR.header {
     background : #ffffff;
     color : inherit;
      }
 TR.headerNavigation {
     background : #bbc3d3;
     color : inherit;
      }
 TD.headerNavigation {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 13px;
     color : #ffffff;
     background : inherit;
	 /* text-transform : uppercase; */
      }
 A.headerNavigation {
     color : #ffffff;
     background : #bbc3d3;
      }
 a:hover.headerNavigation {
     color : #ffffff;
     background : #bbc3d3;
      }
 TR.headerError {
     background : #ff0000;
     color : #bbc3d3;
      }
 TD.headerError {
     font-family : Tahoma, Arial, Helvetica, sans-serif;
     font-size : 12px;
     background : #ff0000;
     color : #ffffff;
     font-weight : bold;
      }
 TR.headerInfo {
     background : #00ff00;
     color : #bbc3d3;
      }
 TD.headerInfo {
     font-family : Tahoma, Arial, Helvetica, sans-serif;
     font-size : 12px;
     background : #00ff00;
     color : #ffffff;
     font-weight : bold;
      }
 TR.footer {
     background : #bbc3d3;
     color : inherit;
      }
 TD.footer {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background : #bbc3d3;
     color : #ffffff;
     font-weight : bold;
      }
 .templateinfobox {
     background : #f8f8f9;
     color : inherit;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
      }
 .infoBox {
     color : #ffffff;
      }
 TD.infoBox, SPAN.infoBox {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #bbc3d3;
     color : inherit;
      }
 TD.infoBoxHeading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
     color : #ffffff;
      }

 .infoBoxContents {
     color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
      }
 TD.infoBoxFooter {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    background-color : #cccccc;
    color : #000000;
}

 TD.contentBoxHeading {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    color : #534f4d;
     background : #bbc3d3;
    padding-top : 5px;
}
 .infoBoxContentsHeader {
     background : #bbc3d3;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
}

 .infoBoxContentsCenter {
    color : inherit;
     background : #f8f8f9;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
}

 TD.infoBoxContentsfooter {
    color : #000000;
     background : #bbc3d3;
     font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
}
 TD.infoBoxHeadingImage {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-position : left;
     background-color : #bbc3d3;
     color : #000000;
      }
 TD.infoBoxFooterImage {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 1px;
     font-weight : bold;
     background-color : #bbc3d3;
     color : #000000;
      }
 .infoBoxNotice {
     background : #ff8e90;
     color : #ffffff;
      }
 .infoBoxNoticeContents {
     background : #ff00ba;
     color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
      }
 TD.main_table_heading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background : #cccccc;
     color : #000000;
      }
 TD.main_table_heading_inner {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background : #ffffff;
     color : #000000;
      }
 TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
     color : inherit;
      }
 TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
     color : inherit;
      }
 TABLE.productListing {

      }
 .productListing-heading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #ffffff;
     font-weight : bold;
      }
 .productlisting-headingPrice {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 20px;
     background : #cccccc;
     color : #9a9a9a;
     font-weight : bold;
      }
 TD.productListing-data {
     font-family : Arial, sans-serif;
     font-size : 11px;
	  color: #ffffff;
      }
 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 20px;
     font-weight : bold;
     color : #9a9a9a;
     background : inherit;
      }
 TR.subBar {
     background : #f4f7fd;
     color : inherit;
      }
 TD.subBar {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background : inherit;
      }
 TD.main, P.main {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     color : #ffffff;
     background : inherit;
      }
 TD.main2, P.main2 {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 15px;
     color : #ffffff;
      }
 TD.smallText, SPAN.smallText, P.smallText {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
      }
 TD.accountCategory {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 13px;
     color : #aabbdd;
     background : inherit;
      }
 TD.fieldKey {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.fieldValue {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
      }
 TD.tableHeading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.category_desc {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
     line-height : 1.5;
      }
 SPAN.newItemInCart {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 CHECKBOX, INPUT, RADIO, SELECT {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
      }
 TEXTAREA {
     font-family : Arial, sans-serif;
     font-size : 11px;
      }
SELECT {
     font-family : Arial, sans-serif;
     font-size : 11px;
	  background-color: #000000;
	  color: #b3b3b3;
border: solid 1px;
border-color: #4d4d4d;
border-bottom-color: #4d4d4d;
border-bottom: solid 1px;
	  }

INPUT {
     font-family : Arial, sans-serif;
     font-size : 11px;
	  background-color: #000000;
	  color: #b3b3b3;
border: solid 1px;
border-color: #4d4d4d;
border-bottom-color: #4d4d4d;
border-bottom: solid 1px;
	  }

INPUT.submit {
background : #000;
color : #b3b3b3;
border: solid 0px;
border-color: #000;
} 
	  
input[type=submit], input[type=reset] {
background : #000;
color : #b3b3b3;
border: solid 0px;
border-color: #000;
} 

 SPAN.greetUser {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     color : #f0a480;
     background : inherit;
     font-weight : bold;
      }
 TABLE.formArea {
     background : #f1f9fe;
     color : #f4f7fd;
     border-color : #7b9ebd;
     border-style : solid;
     border-width : 1px;
      }
 TD.formAreaTitle {
     font-family : Tahoma, Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 SPAN.markProductOutOfStock {
     font-family : Tahoma, Arial, Helvetica, sans-serif;
     font-size : 12px;
     color : #c76170;
     background : inherit;
     font-weight : bold;
      }
 SPAN.productSpecialPrice {
     font-family : Arial, Helvetica, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 SPAN.errorText {
     font-family : Arial, Helvetica, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 .moduleRowOver {
     background-color : #ff00ba;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #ff00ba;
     color : inherit;
      }
 .checkoutBarFrom, .checkoutBarTo {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #8c8c8c;
     background : inherit;
      }
 .checkoutBarCurrent {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #ff00ba;
     background : inherit;
      }
 .messageBox {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
      }
 .messageStackError, .messageStackWarning {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background-color : #ff00ba;
     color : inherit;
      }
 .messageStackSuccess {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background-color : #ff00ba;
     color : inherit;
      }
 .inputRequirement {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 .bouton {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ff00ba;
 text-decoration: none;
 line-height : 1.5;
}
 a.bouton {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ff00ba;
 text-decoration: none;
}
 a:hover.bouton  {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ff00ba;
 text-decoration: underline;
}
 A.titrePdt {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #aa266f;
 text-decoration: none;
}
 a:hover.titrePdt  {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #ec5b6d;
 text-decoration: underline;
}

TABLE.linkListing {
     border : 1px;
     border-style : solid;
     border-color : #e1e1d8;
     border-spacing : 1px;
      }
 .linkListing-heading {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #e1e1d8;
     color : #ffffff;
     text-align : center;
      }
 TD.linkListing-data {
     border-right : 1px solid #e1e1d8;
     border-bottom : 1px solid #e1e1d8;
     padding : 4px;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
      }
 TR.linkListing-odd {
 /*    background : #f8f8f9; */
     color : inherit;
      }
 TR.linkListing-even {
 /*    background : #f5f5f5; */
     color : inherit;
      }
 .content {
     color : #000000;
     background : inherit;
     font-size : 10px;
     font-family : Arial, Helvetica, sans-serif;
      }
 TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #bdcaf0;
     background : inherit;
      }
 TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
      }
 TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
      }
 TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-color : inherit;
     color : #000000;
      }
 A.HeaderPageLinks {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     color : #000000;
     background : inherit;
      }
 a:hover.HeaderPageLinks {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
     color : #00ff00;
      }
 TD.cookieUsage {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #000000;
     color : #ffffff;
      }
 .attributeBoxContent {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TR.attributeBoxContent {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TD.attributeBoxContent {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #c0c0c0;
      }
 .storyboxtitle {
     font-family : Arial, Helvetica, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:link {
     font-family : Arial, Helvetica, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:active {
     font-family : Arial, Helvetica, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:visited {
     font-family : Arial, Helvetica, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:hover {
     font-family : Arial, Helvetica, sans-serif;
     color : #ffffff;
     font-size : 10px;
     font-weight : bold;
     text-decoration : underline;
     background : inherit;
      }
 .yearHeader {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 14px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
      }
 .calendarMonth {
     background-color : #cccccc;
     color : inherit;
     cursor : default;
     width : 100%;
      }
 .calendarHeader {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     height : 22px;
      }
 .calendarToday {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffcf00;
     padding-left : 3px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendarWeekend {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #caeeff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendar {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffffff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     height : 22px;
     width : 18px;
      }
 .event {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     border : 1px solid #e6e6e6;
      }
 .empty {
     background-color : #f0faff;
     color : inherit;
     line-height : 14px;
     height : 22px;
     width : 18px;
      }
 .calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 h4.infoTitle {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 0.2em;
      }
h1 {
font-size : 12px;
      }
 p.infoBlurb {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 2em;
      }
 TD.productPriceInListing {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background : #d2e9fb;
     color : inherit;
      }
 TD.productPriceInBox {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 10px;
     background : #eeeeee;
     color : inherit;
      }
 TD.productPriceInProdInfo {
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     background : #ccffcc;
     color : inherit;
      }
 #navMenu {
     clear : both;
     height : 0.01%;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu ul {
     float : left;
     width : 150px;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu li {
     position : relative;
     float : left;
     line-height : 24px;
     margin-bottom : -1px;
     width : 150px;
      }
 #navMenu li ul {
     position : absolute;
     left : -999em;
     margin-left : 150px;
     margin-top : -26px;
      }
 #navMenu li ul ul {
     left : -999em;
      }
 #navMenu li a {
     width : 150px;
     display : block;
     color : #334;
     font-weight : bold;
     text-decoration : none;
     background : #ffffff;
     border : 1px solid #cce;
     padding-left : 2px;
      }
 #navMenu li a:hover {
     color : #000000;
     background : #aac;
      }
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
     left : -999em;
      }
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {
     left : auto;
      }


#conteneur {
   position: relative;         /* placez-le où vous voulez    */
   width: 80%; height: 100%; 
   border:solid 1px #000000; 
}

#texteopaque {
   width: 100%; height: 100%;     /* pour correspondre à la taille du DIV */
   color: #FFFFFF;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 14px;
   color : #ffffff;
   background-color: transparent;   /* fond transparent            */
   position: absolute;              /* positionnement absolu       */
   z-index: 2;                      /* placement sur l'autre DIV   */
}
#table { 
height: 100%; 
}
.table { 
height: 100%; 
}



#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
    width:450px;
    height:112px;    /* Height of the images + 2 */
    border:0px solid #CCCCCC;
    position:relative;
    overflow:hidden;
    padding:0px;
    
    /* CSS HACK */
    height: 112px;   /* IE 5.x - Added 2 pixels for border left and right */
    height/* */:/**/110px;   /* Other browsers */
    height: /**/110px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		padding:0px;
		background-color:#000;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		padding:0px;	
		background-color:#000;	
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=70);
		opacity: 0.7;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}