/*
  $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: Comic Sans MS; font-size: 11px; }
.boxTextVide { font-family: Comic Sans MS; font-size: 14px;}
.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 {  font-family: Comic Sans MS; font-size: 14px }
.orderEdit { font-family : Comic Sans MS; font-size : 11px; color: #70d250; text-decoration: underline; }

BODY {
  color: #000000;
  margin: 0px;;
  background-image: url(images/page_droite.jpg);
  font-family: Comic Sans MS;
  font-size: 12px
}

img
{
border: 0;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: url(images/menu_droite.jpg)
}

TR.headerNavigation {
  color: #3366CC;
  background-image: url(images/page_droite.jpg)
}

TD.headerNavigation {
  font-size: 11px;
  color: #3366CC;
  font-weight : bold;
}

A.headerNavigation {
  color: ##3366CC;
  font-weight: normal
}

A.headerNavigation:hover {
  color: ##3366CC;
  text-decoration: none;
  font-weight: bold
}

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-size: 13px;
  background: transparent;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  font-family: Comic Sans MS;
  font-size: 14px;
}

TD.footer {
  font-family: Comic Sans MS;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

.infoBox {
  background: #FFFFFF;
}
.infoBoxHeader {
  background: transparent;
}

.infoBoxMenu {
    color: #336699;
  background-color: #FFFFff
}


.infoBoxLigne { background-image: url(images/fond_cat.png); color:#ffffff  }

.infoBoxPrix {
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
}

.infoBoxContents {
  background: transparent;
  font-size: 12px;
  color: #336699

}
A.infoBoxContents{
  color: #336699
}
A.infoBoxContents:hover{
  color: #336699;
  font-weight: bold
}
.infoBoxContentsBlink {
  background: transparent;
  font-size: 12px;
  color: #663300;
   text-decoration: blink

}
A.infoBoxContentsLien{
  color: #663300;
  text-decoration: blink
}
A.infoBoxContentsLien:hover{
  color: #663300;
  font-weight: bold;
  text-decoration: blink
}

.infoBoxContentsLien {
  background: transparent;
  font-size: 14px;
  color: #663300;
   text-decoration: blink

}
A.infoBoxContentsBlink{
  color: #663300;
  text-decoration: blink
}
A.infoBoxContentsBlink:hover{
  color: #663300;
  font-weight: bold;
  text-decoration: blink
}


.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-size: 11px;
  font-weight: bold;
  background: #FFFFFF;
  color: #003366
}

TD.infoBox, SPAN.infoBox {
  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: #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: #ffffff;
}

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

.productListing-heading {
  font-size: 11px;
  background: transparent url(images/infobox/corner_right_left.gif);
  color: #FFFFFF;
  font-weight: bold;
  padding: 3;
}
.productListing-nav {
  font-size: 11px;
  background: transparent url(images/infobox/corner_header.gif);
  color: #FFFFFF;
  padding: 4;
}
A.productListing-nav{
  color: #FFFFFF;
  background: none;
  font: normal
}
A.productListing-nav:hover{
  color: #ffffff;
  background: none;
  font-weight: bold;
}


TD.productListing-data {
  font-family: Comic Sans MS;
  font-size: 10px;
  border-bottom: 1px inset #816433;
}
.petittexte {
  font-family: Comic Sans MS;
  font-size: 8px;
}

TD.productListing-box {
  font-size: 11px;
}
.main{
  background-color: #ffffff;
  color: #000000
}

.mainvide{
  color: #ffffff;
  background-image: url(images/fond_cat.png);
  font-size: 14px
}



A.pageResults {
  color: #FFFFFF;
}

A.pageResults:hover {
  color: #FFFFFF;
  font-weight: bold
}


A.Menu_cat {
  color: #336699;
}

A.Menu_cat:hover {
  color: #336699;
  background: transparent;
  font-weight: bold
}
.error {
  color: #EFA12E;
  background: transparent;
  font-weight: bold;
  font-size: larger;
  font-family: "Times New Roman", Times, serif;
  font-variant: small-caps
}
A.smallTextFooter {
  color: #ffffff;
}

A.smallTextFooter:hover {
  color: #FFFFFF;
  background: transparent;
  font: italic;
  font-weight: bold;
}
A.smallTextFooterCopy {
  color: #FFFFFF;
  font-size: 10px
}

A.smallTextFooterCopy:hover {
  color: #FFFFFF;
  background: transparent;
  font: italic;
  font-weight: bold;
  font-size: 10px
}

TD.pageHeading, DIV.pageHeading {
  font-size: 14px;
  color: #FFFFFF;
  background: url(images/infobox/corner_right_left.gif) url(images/infobox/corner_Page.gif);
  padding: 3px;
  font-weight: bold
}

TD.pageHeadingPrix {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background: url(images/infobox/corner_right_left.gif) url(images/infobox/corner_Page.gif);
  padding: 2px;
  font: italic
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;

}

TD.mainvide, P.mainvide {

 font-size: 14px;
  color: #FFFFFF
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 12px;
  background: transparent
}
.TextPrix{
  font-family: Comic Sans MS;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  font-style: italic
}
.TextPrixAcc{
  font-family: Comic Sans MS;
  font-size: 11px;
  color: #ffffff;
  font-style: italic;
  font-weight: bold
}

.TextPrixAccListing{
  font-family: Comic Sans MS;
  font-size: 13px;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold
}

.TextPrixAccOccas{
  font-family: Comic Sans MS;
  font-size: 11px;
  color: #ffffff;
  font-style: italic;
  font-weight: bold
}

.TextPrixAccSpecial{
  font-family: Comic Sans MS;
  font-size: 13px;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold
}


.TextCategorie{
  font-family: Comic Sans MS;
  font-size: 24px;
  color: #006699;
  font-style: italic;
  font-weight: bold
}

.TextPrixGros{
  font-family: Comic Sans MS;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  font-style: italic
}

.TextPrixGrosOccas{
  font-family: Comic Sans MS;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  font-style: italic
}

.TextPrixGrosPromo{
  font-family: Comic Sans MS;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  font-style: italic
}
TD.smallTextHeader, SPAN.smallTextHeader, P.smallTextHeader {
  font-size: 11px;
  background: transparent;
  color: #FFFFFF
}
A.smallTextHeader{
  color: #FFFFFF;
  text-decoration: none
}
A.smallTextHeader:hover{
  color: #FFFFFF;
  font-weight: bold
}
TD.smallTextNavPage {
  font-size: 11px;
  background-image: url(images/fond_cat.jpg);
  color: #FFFFFF
}
TD.smallTextFooter, SPAN.smallTextFooter, P.smallTextFooter {
  font-size: 13px;
  color: #FFFFFF
}
TD.smallTextFooterCopy, SPAN.smallTextFooter, P.smallTextFooter {
  font-size: 10px;
  color: #FFFFFF
}

TD.accountCategory {
  font-size: 14px;
  color: #aabbdd;
}

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

TD.fieldValue {
  font-size: 13px;
}

TD.tableHeading {
  font-size: 13px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-size: 12px;
  white-space: pre;
}

SPAN.greetUser {
  font-size: 13px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 13px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 13px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold
}

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

.moduleRow { color: #000000 }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: auto; color: #000000; font-weight: bold }
.moduleRowSelected { background-color: #E9F4FC; color: #000000 }

.checkoutBarFrom, .checkoutBarTo { font-family: Comic Sans MS; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Comic Sans MS; font-size: 11px; 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; }
th {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
input, select {
	color : #000000;
	font-size : 11px;
	font-weight: bold;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.title01 {
	color : #FFFFFF;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 13px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	font-style: italic;
}
.title {
	color : #FFFFFF;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 37px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title a {
	color : #EF6D00;
}
.title a:hover {
	color : #C25A02;
}
.list {
	color : #FFFFFF;
	margin-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right a, .list a {
	color : #FF7500;
}
.right a:hover {
	color : #AAAAAA;
}
.left {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 25px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left b {
	color : #FF6600;
}
.left a {
	color : #FF6600;
}
.left a:hover {
	color : #FF0000;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #000000;
}
p a:hover {
	color : #294A7B;
}
.menu01 {
	color : #000000;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.menu01 a {
	color : #000000;
	text-decoration: none;
}
.menu01 a:hover {
	color : #555555;
}
.menu02 {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu02 a {
	color : #000000;
	text-decoration: none;
}
.menu02 a:hover {
	color : #333333;
}
.bar01 {
	color: #OOOOOO;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;
}
.b01 {
	color : #000000;
	margin-top : 2px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 20px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.b01 a {
	color : #000000;
	text-decoration: none;
}
.b01 a:hover {
	color : #333333;
}
.atos {
position:relative;
color:#396a86;
text-decoration:none;
font-family:arial, verdana, sans-serif;
text-align:center;
font-size:11px;
}
a.atos:hover {
background: none;
z-index: 50;
text-decoration:none;
}
a.atos span {
display: none;
}
a.atos:hover span {
display: block;
position: absolute;
top: -150px;
left: 40px;
font-family:arial, verdana, sans-serif;
font-size:12px;
font-weight:normal;
width:400px;
background: white;
padding: 5px;
border: 1px solid #ccc;
border-left: 10px solid #ccc;
}
.tabcontent {
	padding:2em; /* acts little ike cellpadding, so dont touch this */
	clear:both;
	background: #EEEEFF ;  /* Background color */

border-top:1px solid #ddd;
	border-bottom:5px solid #ddd;
    border-left:1px solid #ddd;
	border-right:5px solid #ddd;

    color:#000000;      /* font color */
	font-size: 10px;    /* font size -- does not affect standard view */
  }
#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
	width:99px; /* width of actual tab */
	margin-bottom:0px;
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	padding:5px; /* padding around the text within the tabs */
/*	sempre io
border-left:0px solid #ccc; /* border of the inactive tab */
/*	border-top:0px solid #ccc; /* border of the inactive tab */
/*	border-bottom:none; */
/*	border-right:1px solid #ccc; /* border of the inactive tab
*/
	background:none;
	display:block;
	color:#ffffff;
	text-decoration:none;
	background-image:url(images/icons/a_information2.gif);
	font: 13px Arial, Helvetica, sans-serif;
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#000000;        /* Font color on tab */
	background:#ffffff;   /* Tab Color */
	/*
	border-left:0px solid #aaa;
	border-top:0px solid #aaa;
	border-bottom:none;
	border-right:1px solid #aaa;
*/
	background-image:url(images/icons/p_information2.gif);
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	color:#FF0000;      /* Font color on hover */
	background: #CCFFFF;
	/*
sempre mi
border-left:0px solid #ccc;
	border-top:0px solid #ccc;
	border-bottom:none;
	border-right:0px solid #ccc;
*/
	background-image:url(images/icons/p_information1.gif);
}
h2{
	margin:0;
	font-size:100%;
	font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
	margin:0;
	font-size:100%;
	color:#fff;
	font-family:"trebuchet ms", verdana, sans-serif;
}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 0px;
	 border: none;
}
.tableur {
  font-family: Verdana, Arial, sans-serif;
  background: #f9f9f9;
  font-size: 12px;
  color: #000000;
}

TD.tableur {
  font-family: Verdana, Arial, sans-serif;
  background: #f9f9f9;
  font-size: 12px;
  color: #000000;
}

TR.tableur {
  font-family: Verdana, Arial, sans-serif;
  background: #f9f9f9;
  font-size: 12px;
  color: #000000;
}

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

.boxmail {
  font-family: Comic Sans MS;
  font-size: 12px;
  font-weight: bold;
  background: #ffffff;
  color: #000000;
}

.boxmailgris {
  font-family: Comic Sans MS;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
}

TD.boxmailgris {
  font-family: Comic Sans MS;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
}
TR.detail{
  background-color: #46371B
}

 /*--- Beginning of Addition Products Cycle Slideshow ---*/
.ProductsCycleSlideshowWrapper { width: 100%; padding:0; margin:0; overflow: hidden; text-align:center; background-color: #ffffff }
.ProductsCycleSlideshow { height: 210px; width: 100%; padding:0; margin:0; overflow: hidden; border-bottom: 1px solid #816433; background-color:#ffffff;}
.PCSChild { height: 196px; width: 100%; padding: 7px; text-align:center; top:0; left:0; background-color: #ffffff }
.PCSChild  a { text-decoration: none; color:000;}
.PCSChild  a img { border: none; border-width:0px;}
.PCSOutput { text-align:left; font-size:14px;}
.PCSOutput a { text-decoration: none; color:#000; }
.PCSPager { margin:7px; }
.PCSPager a { border: 1px solid #816433; background: #ffffff; color:#bbc3d3; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}
.PCSPager a.activeSlide { border: 1px solid #000; background: #ffffff; color:#000;}
.PCSPager a:focus { outline: none; }
/*--- End of Addition Products Cycle Slideshow ---*/
hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #F00;
background-color: #F00;
border: 0;
}