/*
  $Id: stylesheet.css,v 1.15 2007/08/26 20:49:40 vince 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: #012E84;
  margin:0px;
  font-family:Verdana, Arial, sans-serif;
}

table  { border-collapse:collapse; border-spacing:0; font-size:11px; }
form  { border-collapse:collapse; border-spacing:0; padding:0; margin:0; }
td, th { padding:0px; vertical-align:top; }
img { border-width:0px; }
textarea { color:gray; font-family:Verdana, Arial, sans-serif; font-size:11px; width:100%; }
input, select { color:gray; font-family:Verdana, Arial, sans-serif; font-size:11px; }
input:focus, select:focus, textarea:focus { background: #F4F4F4; color:black; }
p { font-family:Verdana, Arial, sans-serif; font-size:11px; }
h1 { font-size:14px; padding:0px; margin:0px; }
a { color:#0622A0; text-decoration:none ;}
a:hover { color:#0622A0; text-decoration:none ; }
s { color:gray; }

.error, .warning { font-size:11px; font-weight:bold; background-color:#FFFFFF; height:20px; vertical-align:middle; }
.stockWarning { font-size:11px; font-weight:bold; background-color:#FFFFFF; }
.stockWarning2 { font-size:11px; font-weight:bold; background-color:#FFFFFF; }
.success { font-size:11px; font-weight:bold; background-color:#FFFFFF; height:20px; vertical-align:middle; }
.info { color:blue; font-size:11px; }
.inputRequirement { color:#444444; font-size:11px; }
.productSpecialPrice { color:#D2121F; font-weight:bold; font-size:11px;}

.pageHeading { color:#012E84; font-weight:bold; font-size:17px; padding-top:10px; padding-bottom:10px; }
.main { padding-left:0px; color:#444444;  }
.main_lined_field { padding:3px 0px 0px 0px; color:#444444; vertical-align: bottom; } 
.mainFrame { padding:10px; }
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 {margin:9px;  }

table.productListing { /*border:1px solid #CCCCCC;*/ }
.productListing-heading { /*font-weight:bold;*/ height:10px; vertical-align:top; text-decoration:none; }
.productListing-even { background-color:#F4F4F4; }
.productListing-odd { background-color:#FFFFFF; }
.productListing-data { vertical-align:middle; border-bottom:1px solid #EAEAEA; }

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

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/prec.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(images/design/suiv.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: pointer;/* url(images/design/loupe.gif);*/
  background-color: #FFFFFF;
}

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

a.catbox_lnk{
  color : #000000;
  text-decoration : none;
  font-size: 11px;
}

a.catbox_lnk:hover{
  color : #009900;
  text-decoration : none;
}

a.infobox_lnk{
  color : #B8B8B8;
  text-decoration : none;
  line-height:1.5;
  font-size:10px;
}

a.infobox_lnk:hover{
  color : #009900;
  text-decoration : none;
}

td.spc_top_bg{
  background-image: url( images/design/shopping_cart/spc_top_bg.jpg );
  background-repeat: repeat-x;
}

td.spc_bt_bg{
  background-image: url( images/design/shopping_cart/spc_bt_bg.jpg );
  background-repeat: repeat-x;
}

td.spc_bd_left{
  background-image: url( images/design/shopping_cart/spc_bd_left.jpg );
  background-repeat: repeat-y;
  background-position : top left;
  width: 12px;
}

td.spc_bd_right{
  background-image: url( images/design/shopping_cart/spc_bd_right.jpg );
  background-repeat: repeat-y;
  background-position : top right;
  width: 12px;
}

td.pageHeadingpInfo{
  text-align:center;
  font-size:14px;
  color: #000000;
}

a.spc_lnk{
  color : #000000;
  text-decoration : none;
}

a.spc_lnk:hover{
  color : #000000;
  text-decoration : underline;
}

td.pageHeadingGreen{
  color : #0622A0;
  font-weight:bold;
  font-size:14px;
  padding-top:10px;
  padding-bottom:10px;
}

td.greenTitle{
  font-size : 12px;
  font-weight:bold;
  color : #25455C;
  border-bottom : 1px solid #EAEAEA;
  padding-bottom : 2px;
}

td.blackTitle{
  font-size : 11px;
  color : black;
  border-bottom : 1px solid #CACACA;
  padding-bottom : 10px;
}

tr.checkout_navline{
  background-image : url( images/design/line.gif );
  background-position: top left;
  background-repeat : repeat-x;
}

a.checkoutBarFrom{
  color : #000000;
  text-decoration : none;
}

a.checkoutBarFrom:hover{
  color : #000000;
  text-decoration : none;
}

a.black_green{
  color : #000000;
  text-decoration : none;
}

a.black_green:hover{
  color : #009900;
  text-decoration : none;
}


span.choosen_cat {   color : #009900;}
td.mainPAD{
  white-space : nowrap;
  padding: 2px;
}

td.classCoton{
  background-image    : url(images/design/pictos/coton_bt.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

td.classCoton_hover{
  background-image    : url(images/design/pictos/coton_bt_o.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

td.classToile{
  background-image    : url(images/design/pictos/cuir_bt.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

td.classToile_hover{
  background-image    : url(images/design/pictos/cuir_bt_o.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

td.classCaoutchouc{
  background-image    : url(images/design/pictos/latex_bt.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

td.classCaoutchouc_hover{
  background-image    : url(images/design/pictos/latex_bt_o.jpg);
  background-position : 50% 0;
  background-repeat   : no-repeat;
  cursor              : pointer;
  width               : 45px;
  height              : 33px;
}

/* Start of Modification : Added on 30 Jul. 2008  by Romain Grandchamp  
*   Styles pour message en haut de page
*/

#note {
    padding: 5px;  
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
    border: 1px solid #009900; 
}

#note_title {
    color: #009900;
    font-size: 14px;
    font-weight: bold;
}

#note_content {
    text-align: justify;
}
/* End of Modification : Added on 30 Jul. 2008  by Romain Grandchamp          

/* JPO BOF */
a.compte{
	color							: #FFFFFF;
	font-size					: 9px;
	text-decoration		: underline;
	padding-left			: 50px;
}
td.compte{
	padding-top				: 2px;
}
td.HeaderPrice{
	color							: #C8D2DF;
	text-align				: center;
	vertical-align		: middle;
}
td.footer{
	color							: #FFFFFF;
	vertical-align		: middle;
	text-align				: center;
}
td.ListingFooter{
	color							: #376589;
	vertical-align		: middle;
	text-align				: center;
}
a.footer_lnk{
	color							: #FFFFFF;
	text-decoration		: none;
}
a.ListingFooter{
	color							: #FFFFFF;
	text-decoration		: none;
	font-size					: 13px;
	font-weight				: bold;
	color							: #376589;
}
td.BoxInfo{
	text-decoration		: none;
}
a.Promos{
	color							: #878785;
	text-decoration		: none;
}
a.LineOnMenu{
	padding-left			: 10px;
	color							: #24656C;
	font-weight				: bold;
	font-size					: 13px;
	text-decoration		: none;
}
a.LineOnMenu2{
	padding-left			: 15px;
	color							: #24656C;
	font-size					: 11px;
	text-decoration		: none;	
}
a.LineOnMenu2:hover{
	padding-left			: 15px;
	color							: #A02820;
	font-size					: 11px;
	text-decoration		: none;	
}

td.LineOnMenu2:hover{
	background-color	: #D6E0E8;	
}
a.ListName{
	color							: #012E84;
	font-size					: 13px;
	text-decoration		: underline;
	font-weight				: bold;
}
td.ListPrice{
	text-align				: right;
	font-weight				: bold;
	color							: #E0000E;
}
a.ListPlus{
	text-align				: right;
	font-weight				: bold;
	color							: #6783A7;	
}
td.TitreProd{
	width							: 100%;
	height						: 28px;
	background				: url(images/design/SepProd.jpg) repeat-x left top;
	color							: #012E84;
	text-align				: left;
	vertical-align		: middle;
	font-size					: 12px;
	font-weight				: bold;
}
td.PrixFic{
	color							: #E0000E;
	font-size					: 12px;
	font-weight				: bold;	
}
td.ProdDescp{
	color							: #000000
}
/* JPO EOF */