/*
  $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:#ffffff;
  color: #000000;
  margin:0px;
  font-family:Helvetica,Arial,Verdana, Arial, sans-serif;
  font-size:11px;
}

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:Helvetica,Arial,Verdana, Arial, sans-serif; font-size:11px; width:100%; }
input, select { color:gray; font-family:Helvetica,Arial,Verdana, Arial, sans-serif; font-size:11px; }
input:focus, select:focus, textarea:focus { background: #F4F4F4; color:black; }
p { font-family:Helvetica,Arial,Verdana, Arial, sans-serif; font-size:11px; }
h1 { font-size:14px; padding:0px; margin:0px; }
a { font-family:Helvetica,Arial,Verdana, Arial, sans-serif; color:black; text-decoration:none ;}
a:hover { color:#9c9e9f; 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:#009900; font-weight:bold; }

.pageHeading { color:#000000; font-weight:bold; font-family:Helvetica,Arial,Verdana, Arial, sans-serif; font-size:11px; padding-top:10px; padding-bottom:10px; }
.main { padding-left:0px; color:#444444;font-family:Helvetica,Arial,Verdana, Arial, sans-serif;  font-size:11px; }
.main_lined_field { padding:3px 0px 0px 0px; color:#444444; vertical-align: bottom;  font-family:Helvetica,Arial,Verdana, Arial, sans-serif;  font-size:11px; } 
.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:0px;  }

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; color:#929496; }
.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 : #222222;
  text-decoration : none;
  line-height:1.5;
  font-size:10px;
}

a.infobox_lnk:hover{
  color : #9c9e9f;
  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:11px;
  color: #000000;
  font-family:Helvetica,Arial,Verdana, Arial, sans-serif; 
  
}

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

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

td.pageHeadingGreen{
  color : #000000;  
  font-size:13px;
  padding-top:10px;
  padding-bottom:10px;
  font-weight:bold;
  font-family:Helvetica,Arial,Verdana, Arial, sans-serif;  
}

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

td.blackTitle{
  font-size : 11px;
  color : black;
  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 pour intégration graphique V2 BOF ******************************/
a.catego-links-top {font-size:14px; font-weight:bold; font-family:Helvetica,Arial,Georgia; text-transform:uppercase; color:#222222;}
a.catego-links-top:hover, a.catego-links-top.choosen {color:#8a8c8e;}

a.catego-links-topchoosen {font-size:14px; font-weight:bold; font-family:Helvetica,Arial,Georgia; text-transform:uppercase; color:#8a8c8e;}
a.catego-links-topchoosen:hover, a.catego-links-top.choosen {color:#8a8c8e;}

a.catego-links-bottom {font-size:12px; font-family:helvetica,georgia; color:#222222;}
a.catego-links-bottom:hover, a.catego-links-top.choosen {color:#8a8c8e;}

a.catego-links-bottomchoosen {font-size:12px; font-family:helvetica,georgia; color:#8a8c8e;}

a.infobox_lnk_bottom{color:#222222; text-decoration:none; line-height:1.5; font-size:9px;}
a.infobox_lnk_bottom:hover{color:#8a8c8e;}
.total-panier{padding-top:5px; text-align:right;}
.total-panier span{color:#9d3813; text-transform:uppercase; font-size:10px; font-weight:bold;padding-right:3px;}
.options-cart{text-align:right;padding-top:20px;}
.product-price-left{text-align:left;font-family:Helvetica,Arial;font-size:11px; font-weight:bold; padding:8px 0px;}
.catego-product-name{font-size:11px; font-weight:bold; font-family:helvetica,Arial,Georgia;}
a.forgot{color:#a1a3a5;}
.catego-product-description {font-size:10px;font-family:Helvetica,Arial; color:#000000; padding:5px 0px; font-size:10px; padding:5px 0px 20px 0px;}
.blackTitle{color:#000000; font-size:12px; font-weight:bold;}
.checkoutBarCurrent{color:#000000;}
.checkoutBarTo{color:#929496;}

.matiere-right { padding:5px 2px 5px 2px; font-size:10px;  }
.livraison-right { padding:5px 2px 5px 2px; font-size:10px;  }

/****************************** JPO pour intégration graphique V2 EOF ******************************/


a.georgia12 {font-size:12px;font-family:helvetica,Arial,Georgia;}
a.georgia12:hover {color:#8a8c8e;}

SPAN.georgia12 {font-weight:bold; font-size:12px;font-family:helvetica,Arial,Georgia;}

a.georgia12gris {font-size:12px;font-family:helvetica,Arial,Georgia;color:#8a8c8e;}
a.georgia12gris:hover {color:#000000;}

a.georgia11 {font-size:11px;  font-family:helvetica, Arial,Georgia;}
a.georgia11:hover {color:#8a8c8e;}
a.georgia10 {font-size:10px;  font-family:helvetica, Arial,Georgia;}
a.georgia10:hover {color:#8a8c8e;}

a.georgia11gris {font-size:11px;  font-family:helvetica,Arial,Georgia;color:#8a8c8e;}
a.georgia11gris:hover {color:#000000;}

a.georgia10gris {font-size:10px;  font-family:helvetica,Arial,Georgia;color:#8a8c8e;}
a.georgia10gris:hover {color:#000000;}

a.Helvetica12 {font-size:12px;font-family:Helvetica,Arial;color:#AE5037; font-weight:bold;}
a.Helvetica12:hover {color:#9A390F;}

.LinkGris{color:#929496;font-weight:bold;}
.LinkGris:hover{color:#000000;}

.Helvetica10 {font-size:10px;font-family:Helvetica,Arial; }

.collection_top {font-size:10px;font-family:Helvetica,Arial;padding-bottom:8px; }