/*
  $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 : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.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: #7FC0E4;
	color: #333333;
	font-family: "trebuchet ms", verdana, arial;
	font-size: 12px;
}

A, A:link, A:visited {
	color: #EEEEEE;
	text-decoration: underline;
}

A:hover, A:active {
/*	color: #5194C0; */
	color: #EEEEEE;
	text-decoration: underline;
}

FORM {
	display: inline;
}

IMG {
	border: 0;
}

.infoBoxContents {
	color: #000000;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

#indexproducts table.productListing, #indexproducts .productListing td {
	border: 0;
}

#ProductDescription {
	color: #006600;
}

table.productListing {
	border-collapse: collapse;
	border: 2px solid #333333;
	width: 100%;
	margin-left: 10px;
	margin-top: 30px;
}

.productListing td {
	font-size: 13px;
	border: 1px solid #333333;
	padding-bottom: 10px;
	width: 33%;
/*	padding: 10px 20px 10px 20px; */
}

.productListing td img {
	border: 1px solid #666666;
}

.productListing-heading-rem {
	width: 20px;
}

.productListing-heading-cart {
	width: 335px;
}

.productListing-heading-resume {
	width: 378px;
}

.productListing-heading-qty {
	width: 40px;
}

.productListing-heading-price {
	width: 60px;
}

.attributs {
	font-size: 11px;
}

.productListing-heading-cart, .productListing-heading-resume, .productListing-heading-rem, .productListing-heading-qty, .productListing-heading-price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #7FC0E4;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

.productlisting-headingPrice { 
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: right;
  margin-top: 15px;
  padding-right: 6px;
}

.productListing-data-rem  {
	text-align: center;
}

.productListing-data-qty  {
	vertical-align: top;
	text-align: right;
	width: 40px;
}

.productListing-data-qty  input {
	text-align: right;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	font-size: 11px;
	color: #666666;
}

.productListing-data {
	vertical-align: top;
}

.productListing-data-right {
	vertical-align: top;
	text-align: right;
}

.productListing-heading-total {
	vertical-align: top;
	text-align: right;
	width: 427px;
}

.productListing-data-price {
	vertical-align: top;
	text-align: right;
	width: 60px;
}



.newItemInCart, li.newItemInCart a:link, li.newItemInCart a:visited, li.newItemInCart a.hover, li.newItemInCart a:active  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.ItemInCart, li.ItemInCart a:link, li.ItemInCart a:visited, li.ItemInCart a:hover, li.ItemInCart a:active  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

CHECKBOX, RADIO {

}

INPUT, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}



TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}


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-size: 12px; 
	background-color: #ffb3b5; 
	margin-left: -5px;
	margin-bottom: 10px;
}
.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; }

/* VJ Links Manager v1.00 begin */

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

A.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
a:hover.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

/* WebMakers.com Added: Editing Attributes */
.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }


h1, h2 {
padding: 0;
margin: 0; 
padding-top: 15px;
padding-bottom: 15px;
font-size:16px; 
color:#FFF500; 
font-weight: bold;
}

img.download, img.button {
	vertical-align:middle;
}


.colclear {
	clear: both;
	display: hidden;
	height: 0;
}

#container {
	width: 760px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
} 

#banner {
	background-image: url('images/citrongivre-header.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 220px;
/*	border: dashed 1px purple; */
}

#breadcrumb {
	float: left;
	margin-top: 200px;
	padding-left: 30px;
	color: #FFFFFF;
/* 	border: dashed 1px blue;  */
}

#breadcrumb {
	font-weight: bold;
	font-family: Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb a:hover {
	text-decoration: underline;
	font-family: Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
}

#navigation {
	float: right;
	text-align: right;
	padding-right: 30px;
	color: #EEEEEE;
/*	border: dashed 1px yellow; */
}

#navigation a:link, #navigation a:visited {
	color: #EEEEEE;
	text-decoration: none;
	font-weight: bold;
}

#navigation a:active, #navigation a:hover {
	color: #EEEEEE;
	text-decoration: underline;
	font-weight: bold;
}

#outer { 
/*	border: solid 1px blue; */
} 

#inner {
	width: 760px;
	background-image: url('images/citrongivre-inner.jpg');
	background-position: top left;
	background-repeat: repeat-y;
/*	overflow: auto; */
/*	border-bottom: solid 1px red; */
}  

#left {
	width: 186px; 
	height: auto;
	float: left;
	clear: right; 
/*	border: dashed 1px yellow; */
}

#content { 
	display: block;
	width: 500px;
	float: right;
	padding: 15px;
	padding-right: 40px;
	padding-top: 0;
/*	border: dashed 1px green; */
}

#content P {
	text-align: justify;
}

#footer {
	padding:0px;
	margin:0px;
	text-align: right; 
	height: 150px;
	background-image: url('images/citrongivre-footer.jpg');
	background-position: top left;
	background-repeat: no-repeat;
/*	border-top: dashed 1px orange; */
}

.shoppingcart {
	background-image: url('images/citrongivre-shoppingcart.jpg');
	background-position: top left;
	background-repeat: no-repeat;	
	height: 30px;
}

.infoBox {
	background-image: url('images/citrongivre-rubrique.jpg');
	background-position: top left;
	background-repeat: repeat-y;	
	padding-left: 36px;
	padding-right: 8px;
	color: #008C47;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, "Trebuchet MS", Arial;
}

.infoBox a:link, .infoBox a:visited, .infoBox a:hover, .infoBox a:active {
	color: #008C47;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, "Trebuchet MS", Arial;
}

.infoBox a:hover, .infoBox a:active {
	text-decoration: underline;
	font-family: Verdana, "Trebuchet MS", Arial;
}

.infoBoxHeading {
	background-image: url('images/citrongivre-rubriqueh.jpg');
	background-position: top left;
	background-repeat: no-repeat;	
	height: 33px;
	padding-top: 4px;
	padding-left: 36px;
	padding-right: 8px;
	font-size: 14px;
	font-weight: bold;
}

.infoBoxFooter {
	background-image: url('images/citrongivre-rubriquef.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;	
	height: 20px;
}

.buttonLeft {
	float: left;
	padding-top: 30px;
}

.buttonRight {
	float: right;
	padding-top: 30px;
	text-align: right;
}

div.inputtext {
	padding-top: 15px;
}

.formulaire {
  margin-bottom: 20px;
}

.formulaire input, .formulaire textarea , .login input, input.formulaire {
  background-color: #EEEEEE;
  font-size: 11px;
  color: #999999;
  margin-bottom: 5px;
}

.contentBoxRow img {
/*	background-color: #F4F4E7;
	padding: 5px 12px 5px 12px; */
	border: 1px solid #333333;
}

.contentBoxRow {
	clear: left;
/*	border: 1px dashed #FFFFFF; */
	height: 110px;
}

.contentBoxCell {
	display: block;
	padding: 4px;
	float: left;
	text-align: center;

}

tr.contentBoxRow {
	border: 0;
}

td.contentBoxCell {
	padding: 4px;
	text-align: center;
}



.contentBoxCell a:link, .contentBoxCell a:visited, .contentBoxCell a:active, .contentBoxCell a:hover {
	font-size: 10px;
}

.menu {
	padding-bottom: 6px;
	padding-left: 6px;
	background-image: url('images/citrongivre-puce.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;	
}

a.selectedCat:link, a.selectedCat:visited, a.selectedCat:hover, a.selectedCat:active  {
	font-weight: normal;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.CatSpace {
	padding-left: 16px;
}

.separation {
	border-top: 1px solid #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

optgroup {
	color: #999999;
}

.indisponible {	
	font-weight: normal;
	text-decoration: line-through;
}

.productimg {
	text-align: center;
	padding-right: 25px;
}

.productimg img {
	border: 1px solid #333333;
}

.popupZoom, .popupImage {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

.popupGallery {
	margin: 0;
	padding: 0;
	background-color: #3A4F63;
}

.popupZoom div, .popupGallery div {
	text-align: right;
	padding-right: 15px;
}

.popupImage {
	text-align: center;
}

#productRcol {
	float: right;
	clear: none;
/*	border: 1px solid blue; */
}

#productadd {

}

#productadd  .productaddin {
	padding: 10px
}

#productadd img {
	margin-left: 5px;
}

#productadd div.price  img {
	vertical-align: middle;
	float: left;
}

#productadd .size {
	padding-top: 10px;
	clear: both;
	height: 30px;
}

#productadd .sizedd {
	padding-top: 20px;
}

#productadd .addbuttons {
	float: left;
	padding-left: 3px;
	padding-top: 25px;
}

#productadd .addplus {
	float: right;
	padding: 5px;
}

#productadd .productAddPrice {
	padding-top: 0px;
	padding-right: 20px;
	float: right;
}

SPAN.productPrice {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

SPAN.productSpecialPrice {
	font-size: 16px;
	font-weight: bold;
 	color: #FF8400;
}

SPAN.productOldPrice {
	font-size: 11px;
	color: #333333;
	text-decoration: line-through;
}

SPAN.listingSpecialPrice {
	font-size: 14px;
	font-weight: bold;
 	color: #FF8400;
}

SPAN.listingOldPrice {
	font-size: 11px;
	text-decoration: line-through;
}


a.stock{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.stock:hover {
	z-index:25; 
	background-color:#ff0;
}

a.stock span {
	display: none;
}

a.stock:hover span { 
    display:block;
    position:absolute;
    top:2em; left:2em; 
	padding: 0;
    border:1px solid #ffff99;
    background-color:#ffff99; 
	color:#000;
    text-decoration:none;
}
table.stock {
	border-collapse: collapse;
	padding: 0;
}

table.stock  TD, table.stock  TH {
	border: 1px solid #CCCCCC;
}

.stockitem {
}

.stockqty {
	text-align: right;
	width: 30px;
}

#productInfo {
	padding-top: 15px;
}

#productInfo H2 {
	text-align: center;
	width: 180px;
}

#productInfo H3 {
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}

#productInfo select {
  background-color: #F7DB00;
}

#product {

}

#photomain {
	height: 425px;
	overflow: hidden;
}

#photofooter {
	height: 25px;
}

.bold {
	font-weight: bold;
	color: #3E7DA8;
}

.bloclogin {
	margin: 10px;
	margin-bottom: 30px;
}

.loginsstitre {
	font-style: italic;
	padding-bottom: 10px;
}

ul.shoppinglist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.shoppinglist li {
	margin-left: 0;
}

.shoppingtotal {
	text-align: right;
	margin-top: 20px;
}

.pages {
	clear: both;
	padding-top: 50px;
}

a.imghover:link, a.imghover:visited {

}

a.imghover:hover, a.imghover:active {

}

.shoppingcartgo, .submitsmall {
	vertical-align: middle;
}

.address {
	padding-left: 20px;
	padding-bottom: 5px;
}

.outofstock, .outofstock a:link, .outofstock a:visited, .outofstock a:hover, .outofstock a:active {
	text-decoration: line-through;
	color: #CCCCCC;
}

H3 {
	font-size: 16px;
	color: #333333;
}

#review {
	padding-top: 25px;
}

.reviewdate, .DisplayNumber {
	color: #F7DB00;
	font-size: 10px;
}

.rating {
	padding-top: 5px;
}

.options {
	font-family : verdana, arial;
	font-size: 10px;
}

.warning {
	font-family : verdana, arial;
	font-size: 10px;
 	color: #FF8400;
}


.paymenttexttitle {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#newsdesk p {
	margin-top: 5px;
}

#newsdesk ul {
	list-style-type: square;
	margin-left: 15px;
}

#copyright {
	text-align: center;
}

#copyright a:link, #copyright a:visited {
	color: #666666;
	text-decoration: underline;
}

#copyright a:active, #copyright a:hover {
	color: #999999;
	text-decoration: underline;
}

.newstitre {
	font-size: 14px;
	font-weight: bold;
	color: #649BD1;
}

.newsdate {
	font-family: Verdana, Arial;
	font-size: 10px;
	padding-bottom: 10px;
}

#deposee {
	color: #888888;
	text-align: center;
}

#keywords {
	text-align: center;
	line-height: 10px;
}

#keywords a:link, #keywords a:visited, #keywords a:active, #keywords a:hover {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
}

#insc {
	text-align: center;
	font-size: 10px;
	margin-left: 26px;
	margin-top: 20px;
}

.insctext {
	BACKGROUND-COLOR: #EEEEEE;
	border: 1px dashed #999999;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	font-size: 9px;
	text-align:center;
	width: 120px;
	margin: 0;
	padding: 0;
}

#insc div {
	padding-bottom: 5px;
}

input.inscsubmit {
	background-color: #6699FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	border-top: thin outset #;
	border-right: thin outset #;
	border-bottom: thin outset #;
	border-left: thin outset #;
	height: 18px;
	width: 26px;
	padding:0;
	margin:0;
}

.italic {
	font-style: italic;
}

#paiementcol {
	margin-left: 26px;
	margin-top: 20px;
	text-align: center;
}

#paiementcol img {
	margin: 4px;
}

#liens {
	padding-top: 40px;
}

input.code {
	width: 400px;
	font-size: 10px;
}

.indispo {
	color: red;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
}

#categoryimg {
	float: right;
}

.attributes {
	font-size: 10px;
}

.underline {
	text-decoration: underline;
}

#copyright {
	text-align: center;
}

#copyright a:link, #copyright a:visited {
	color: #666666;
	text-decoration: underline;
}

#copyright a:active, #copyright a:hover {
	color: #999999;
	text-decoration: underline;
}