/*
  $Id: stylesheet.css,v 1.18 2008/05/28 12:17:18 business Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


body {
  background:#000000;
  color:FFFFFF;
  margin:0px;
  font-family:Arial, Verdana,sans-serif;
}

table  { border-collapse:collapse; border-spacing:0; font-size:12px; }
form  { border-collapse:collapse; border-spacing:0; padding:0; margin:0; }
td, th { padding:0; vertical-align:top; }
img { border-width:0px; }
//textarea {font-family:Verdana, Arial, sans-serif; font-size:10px; width:100%; }
 { font-family:Verdana, Arial, sans-serif; font-size:10px; border: 0px; }
input, select, textarea {font-weight:bold;font-family:Verdana, Arial, sans-serif; font-size:10px; border: 1px solid #00D0FF; }


//input:focus, select:focus { background: #F4F4F4; color:black;	border: 0px solid black; }
//input:hover, select:hover { background: #F4F4F4; color:black;	border: 0px solid black; }
//textarea:focus { background: #F4F4F4; color:black;	 }
//textarea:hover { background: #F4F4F4; color:black;	 }

p { font-family:Verdana, Arial, sans-serif; font-size:10px; }
h1 { font-size:14px; padding:0px; margin:0px; }
a { color:FFFFFF; text-decoration:none ;}
a:hover { color:FFFFFF; text-decoration:none ; }
s { color:gray; }

.noBorders { border:0px; }


.error, .warning { font-size:12px; font-weight:bold; background-color:#ffb3b5; height:20px; vertical-align:middle;color:#000000;}
.stockWarning { font-size:12px; font-weight:bold; background-color:#ffb3b5;color:#000000;}
.success { font-size:12px; font-weight:bold; background-color:#99ff00; height:20px; vertical-align:middle; color:#000000; }
.info { color:blue; font-size:12px; }
.inputRequirement { color:red; font-size:10px; }
.productSpecialPrice { color:#00D0FF; font-weight:bold; }

.pageHeading { color:#FFFFFF; font-weight:bold; font-size:14px; padding-top:10px; padding-bottom:10px; text-transform: uppercase;}
.main { padding-left:0px; }
.mainFrame { padding:0px; }
a.headerNavigation, a.headerNavigation:hover { text-decoration:none; }

.infoBoxHeading { color:black; font-weight:bold; padding-top:5px; text-decoration:none; }
.infoBox { border:1px solid #CCCCCC; margin-top:5px; }
table.infoBoxContents { margin:5px; width:95%; }
table.infoBoxContents_form { margin:5px; width:98%; }
.infoBoxContentsText { margin:0px; }
.infoBox_form { border:1px solid #CCCCCC; }

table.productListing { border:1px solid #000000; border-color:#00D0FF;}
.productListing-heading-first { background-color:#00D0FF; font-weight:bold; height:40px; vertical-align:middle; text-decoration:none; color:000000;}
.productListing-heading { background-color:#00D0FF; font-weight:bold; height:20px; vertical-align:middle; text-decoration:none; color:000000;border-left:1px solid #000000;}
.productListing-even{background-color:#ffffff; color:000000;}
.productListing-odd {background-color:#ffffff; color:000000;}
.productListing-data { vertical-align:middle; border:1px solid #000000;background-color:#ffffff; color:000000;}
.productListing-subdata { vertical-align:middle;background-color:#ffffff; color:000000;}
.productListing-totalPanelLabel { vertical-align:middle; border-bottom:1px solid #000000; padding: 10px;background-color:#ffffff; color:000000;}
.productListing-totalPanelValue { vertical-align:middle; border:1px solid #000000; padding: 10px;background-color:#ffffff; color:000000;}

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

td.smalltext, span.smalltext { font-size:9px; }
.infobulle { position:absolute; visibility :hidden; top:0px; }
span.ecotaxe { font-size:9px; cursor:help; text-decoration:underline; }

.imgBorders { cursor:pointer;border:1px solid #CCCCCC; }


/* Module Zoom CSS - QPN - 06-2007 - BOF */
#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:transparent url(images/design/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { background: url(images/design/prec.gif) left 15% no-repeat; float: left;}
#nextLink { background: url(images/design/suiv.gif) right 15% no-repeat; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(images/design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(images/design/nextlabel.gif) right 15% no-repeat; }

#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 */ }
/* Module Zoom CSS - QPN - 06-2007 - EOF */


/* Module ZoomZoom - PEM - 02-2008 - BOF */
div.ZoomZoom{
  position : absolute;
  z-index : 666;
  display: none;
  border: 1px ridge #CCCCCC;
  cursor: url(images/design/loupe.gif);
  background-color: 000000;
}

div.ZoomZoom img{
  cursor: url(images/design/loupe.gif);
}
/* Module ZoomZoom - PEM - 02-2008 - EOF */


.hrBlue {color:#00D0FF;}
.textColorWhite {color:#ffffff;}
a.textColorWhite {color:#ffffff;}

.produitStock1{color:#00ff00;font-weight:bold; }
.produitStock3{color:#ff0000;font-weight:bold; }

.headerNoSelect{text-transform: uppercase; font-size:11px;}
.headerSelect{text-transform: uppercase;font-weight:bold;font-size:11px;}

table.boxFormat { border:1px solid #00D0FF; border-color:#00D0FF;}
a.boxFormat-link { color:#000000;}
.boxFormat-heading-first { background-color:#00D0FF; font-weight:bold; height:20px; vertical-align:middle; text-decoration:none; color:000000;padding:10px;}
.boxFormat-heading { background-color:#00D0FF; font-weight:bold; height:20px; vertical-align:middle; text-decoration:none; color:000000;border-left:1px solid #000000; padding:10px;}
.boxFormat-line { vertical-align:middle; border:1px solid #00D0FF;padding:20px;background-color:#ffffff;color:000000;}
.boxFormat-line2 { vertical-align:middle; border:0px;padding-left:20px;padding-right:20px;background-color:#ffffff;color:000000;}
.boxFormat-line-int { vertical-align:middle; border:0px;color:000000;}
.boxFormat-linePaddingLeft { vertical-align:middle; border:1px solid #00D0FF;padding-left:10px;background-color:#ffffff;color:000000;}
.boxFormat-lineWhite { vertical-align:middle; border:1px solid #00D0FF;padding:10px;color:000000;background-color:#ffffff;}
.boxFormat-lineWhitePaddingLeft { vertical-align:middle; border:1px solid #00D0FF;padding-left:10px;color:000000;background-color:#ffffff;}

.boxFormat-moduleRow {background-color:#ffffff;color:000000;}
.boxFormat-moduleRowOver { background-color:#DDDDDD; cursor:pointer;color:#000000;}
.boxFormat-moduleRowSelected { background-color:#DDDDDD;color:#000000;}
.boxFormat-line2-moduleRow { vertical-align:middle; border:0px;padding-left:20px;padding-right:20px;}

a.boxFormat-line-link{
	color:000000;
}
a.boxFormat-line-link:hover{
	color:000000;
	text-decoration:underline;
}


table.subBoxFormat { border:0px; color:#000000;}


/* SYNOLIA - 2008 - JPO - COCACOLA => ON */
td.login_title{
font-size:18px;
}
td.login_pass{
color:#CDCDCD;
font-size:10px;
vertical-align:middle;
}
a.login_pass{
color:#CDCDCD;
font-size:10px;
vertical-align:middle;
}
td.nav_title{
color:white;
font-size:13px;
vertical-align:middle;
text-align:left;
}
span.title_product{
font-size:14px;
}
td.category_desc{
font-weight:bold;
}
.success_line {vertical-align:top; color:#000000;background-color:#FFFFFF; text-align:center;}
.array_head { vertical-align:top; background-color:#00D0FF; border:1px solid #000000; padding:10px; color:000000;font-weight:bold;}
.array_line { vertical-align:top; background-color:#FFFFFF; border:1px solid #000000; padding:20px; color:000000;}
.array_inside {  vertical-align:top; color:#000000; font-weight:bold;}
.array_inside_line {  vertical-align:top; color:#000000;}
.array_line2 { vertical-align:top; background-color:#FFFFFF; padding:20px; color:000000;}
.array_head2 { vertical-align:top; background-color:#00D0FF; padding:10px; color:000000;font-weight:bold;}
a.success_line_lnk{
vertical-align:top; color:#000000;text-decoration:underline;
}
a.success_line_lnk:hover{
vertical-align:top; color:#000000;text-decoration:underline;
}

.array_line2 a { color : #00D0FF; text-decoration : underline; }

/* SYNOLIA - 2008 - JPO - COCACOLA => OFF */

a.contentUnderline {color:#ffffff;text-decoration:underline;}
a.contentUnderlineBlack {color:#000000;text-decoration:underline;}
a.contentUnderlineBlack:hover {color:#000000;text-decoration:underline;}
a.contentNone {color:#ffffff;text-decoration:none;}
a.contentNoneBlack {color:#000000;text-decoration:none;}
a.contentNoneBlack:hover {color:#000000;text-decoration:none;}

.popupInfo {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
	border:1px solid #00D0FF;
	border-color:#00D0FF;
}
.popupInfoContent {
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
}
a.popupInfoContent {
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
}
a.popupInfoContent:hover {
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
}