/*
  $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;
  background-image  : url( images/design/body/body_bg.jpg );
  background-repeat : repeat-x;
  color             : #000000;
  margin            : 0px;
  font-family       : Arial, Verdana, 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:0; vertical-align:top; border:0px; }
img { border-width:0px; }
textarea { color:gray; font-family:Verdana, Arial, sans-serif; font-size:11px; width:99%; }
input, select { color:gray; font-family:Arial, Verdana, sans-serif; font-size:10px; }
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:#0111AC; }
a:hover { color:#0111AC; text-decoration:none; }
s { color:gray; }

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

.pageHeading {
  color             : #FFFFFF;
  font-weight       : bold;
  font-size         : 14px;
  padding-top       : 7px;
/*  padding-bottom    : 4px;*/
  padding-left      : 25px;
  background-image  : url( images/design/body/main_ZoneHeader.jpg );
  background-repeat : no-repeat;
  height            : 25px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0414AD;
  border-bottom     : 0px;
}

.main { padding-left:5px;padding-right:5px; }
.mainFrame {
  padding     : 11px;
  border      : 1px solid #0111AC;
  border-top  : 0px;
}
a.headerNavigation, a.headerNavigation:hover { text-decoration:none;color : #0111AC; font-size : 11px; }

.infoBoxHeading { color:black; font-weight:bold; padding-top:5px; text-decoration:none; border:0px; }
.infoBox { /*border:1px solid #CCCCCC; margin-top:5px; border:0px;*/width:100%; }

.infoBoxHeading_Red {
  color             : #FFFFFF;
  font-weight       : bold;
  font-size         : 14px;
  padding-top       : 7px;
/*  padding-bottom    : 4px;*/
  padding-left      : 25px;
  background-image  : url( images/design/body/main_ZoneHeader.jpg );
  background-repeat : no-repeat;
  height            : 25px;
  font-family       : Arial, Verdana, sans-serif;
/*  border            : 1px solid #0414AD;*/
  border-bottom     : 0px;
}

.infoBoxHeading_RedBar {
  color             : #FFFFFF;
  font-weight       : bold;
  font-size         : 14px;
  padding-top       : 7px;
  padding-left      : 25px;
  background-repeat : no-repeat;
  height            : 30px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0414AD;
  border-bottom     : 0px;
  border-left       : 0px;
  border-right      : 0px;
  vertical-align    : middle;
}

table.infoBoxContents { /*margin:5px; width:95%; border:0px;*/ }
table.infoBoxContents_form { margin:5px; width:98%; border:0px; }
.infoBoxContentsText { margin:0px; }
.infoBox_form { /*border:1px solid #CCCCCC;*/ }

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

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

td.smalltext, span.smalltext { font-size:9px; border:0px; }
.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 */


div.tabPInfo{
  text-align        : center;
  padding           : 3px;
  padding-left      : 5px;
  padding-right     : 5px;
  cursor            : pointer;
  width             : 100px;
  border            : 1px solid #000000;
  display           : inline;
  color             : #000000;
  background-color  : #FFFFFF;
}

div.tabPInfo_hover{
  text-align        : center;
  padding           : 3px;
  padding-left      : 5px;
  padding-right     : 5px;
  cursor            : pointer;
  width             : 100px;
  border            : 1px inset #000000;
  display           : inline;
}

div.tabPInfo_choosen{
  text-align        : center;
  padding           : 3px;
  padding-left      : 5px;
  padding-right     : 5px;
  cursor            : pointer;
  width             : 100px;
  border            : 1px solid #000000;
  display           : inline;
  background-color  : #F29F33;
  color             : #FFFFFF;
}

div.tabPInfo_disabled{
  text-align        : center;
  padding           : 3px;
  padding-left      : 5px;
  padding-right     : 5px;
  width             : 100px;
  border            : 1px solid #999999;
  display           : inline;
  background-color  : #FFFFFF;
  color             : #DADADA;
}

/* START PEM 04-2008 - SYNOLIA */

div.modal_bg {
  display           : none;
  width             : 100%;
  height            : 100%;
  background-color  : #000000;
  position          : absolute;
  z-index           : 400;
  top               : 0px;
  left              : 0px;
}

div.modal_popup {
  display           : none;
/*  width           : auto;*/
  height            : auto;
  z-index           : 666;
  position          : absolute;
/*  background-color : #FFFFFF;*/
}

td.modal_crTpLeft{
/*  background-image  : url( images/design/modal/modal_header_bg.jpg ); modal_crTpLeft.gif*/
  background-image  : url( images/design/modal/modal_crTpLeft2.gif );
  background-image  : url( images/design/modal/modal_crTpLeft2.gif );
  background-repeat : no-repeat;
  width             : 20px;
  height            : 20px;
}

td.modal_crTpRight{
/*  background-image  : url( images/design/modal/modal_header_bg.jpg ); modal_crTpRight.gif */
  background-image  : url( images/design/modal/modal_crTpRight2.gif );
/*  background-repeat : repeat-x;*/
  background-repeat : no-repeat;
  width             : 20px;
  height            : 20px;
  vertical-align    : middle;
}

td.modal_crBtLeft{
/*  background-image  : url( images/design/modal/modal_header_bg.jpg ); modal_crBtLeft.gif */
  background-image  : url( images/design/modal/modal_crBtLeft2.gif );
/*  background-repeat : repeat-x;*/
  background-repeat : no-repeat;
  width             : 20px;
  height            : 20px;
}

td.modal_crBtRight{
  background-image  : url( images/design/modal/modal_crBtRight2.gif );/* modal_crBtRight.gif */
/*  background-repeat : repeat-x;*/
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
}

td.modal_Header{
/*  background-image  : url( images/design/modal/modal_header_bg.jpg );*/
  background-image  : url( images/design/modal/modal_header_bg2.jpg );
  background-repeat : repeat-x;
  color             : #7A1630;/*#464B5A;*/
  font-variant      : small-caps;
  font-size         : 11px;
  text-align        : center;
  font-weight       : bold;
  padding-top       : 0px;
  cursor            : move;
}

td.modal_Footer{
/*  background-image  : url( images/design/modal/modal_header_bg.jpg );*/
  background-image  : url( images/design/modal/modal_footer_bg2.jpg );
  background-repeat : repeat-x;
}

td.modal_middle{
/*  background-color : #FFFFFF;*/
  background-color : #FCF2F1;/* #E4E5E5;*/
}

td.modal_middleLeft{
/*  background-image  : url( images/design/modal/modal_MiddleLeft.gif );*/
/*  background-image  : url( images/design/modal/modal_MiddleLeft2.gif );
  background-repeat : repeat-y;
  background-position : top left;*/
  background-color  : #FCF2F1;
}

td.modal_middleRight{
/*  background-image  : url( images/design/modal/modal_MiddleRight.gif );*/
/*  background-image  : url( images/design/modal/modal_MiddleRight2.gif );
  background-repeat : repeat-y;
  background-position : top right;*/
  background-color  : #FCF2F1;
}

img.closeModal{
/*  padding-top : 7px;*/
/*  text-align  : right;*/
  cursor      : pointer;
/*  border:1px solid red;*/
/*  border      : 0px;*/
}
/*
img.closeModal:hover{
  padding-top : 7px;
  text-align  : right;
  cursor      : pointer;
  border      : 1px solid red;
}
*/
input.modal_input{
  border      : 1px solid #CDCDCD;
  color       : #777777;
}

input.modal_input_busy{
  border      : 1px solid #666666;
  color       : #777777;
}


td.modal_crTpLeft_error{
  background-image  : url( images/design/modal/modal_crTpLeft_red.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
}

td.modal_crTpRight_error{
  background-image  : url( images/design/modal/modal_crTpRight_red.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
}

td.modal_crBtLeft_error{
  background-image  : url( images/design/modal/modal_crBtLeft_red.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
}

td.modal_crBtRight_error{
  background-image  : url( images/design/modal/modal_crBtRight_red.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
}

td.modal_Header_error{
  background-image  : url( images/design/modal/modal_header_bg_red.jpg );
  background-repeat : repeat-x;
  color             : #FFFFFF;
  font-variant      : small-caps;
  font-size         : 11px;
  text-align        : center;
  font-weight       : bold;
  padding-top       : 0px;
  cursor            : move;
}

td.modal_Footer_error{
  background-image  : url( images/design/modal/modal_footer_bg_red.jpg );
  background-repeat : repeat-x;
}

td.modal_middleLeft_error{
  background-image  : url( images/design/modal/modal_MiddleLeft_red.gif );
  background-repeat : repeat-y;
  background-position : top left;
  background-color  : #FFFFFF;
}

td.modal_middleRight_error{
  background-image  : url( images/design/modal/modal_MiddleRight_red.gif );
  background-repeat : repeat-y;
  background-position : top right;
  background-color  : #FFFFFF;
}

td.infosAdd2CartBox{
  width             : 50%;
  text-align        : left;
  padding-left      : 5px;
  padding-right     : 5px;
/*  background-color  : #EFEFEF;*/
  font-size         : 12px;
  color             : #464B5A;
}

div.myInfoBulle{
  width     : 400px;
  height    : auto;
  position  : absolute;
  border    : 2px outset #000000;
  display   : none;
  padding   : 5px;
  background-color  : #FFFFFF;
}

td.plusqueLeft{
  background-image  : url(images/design/plusqueLeft.jpg);
  background-repeat : no-repeat;
  background-color  : #FFFFFF;
  width             : 28px;
  height            : 28px;
}

td.plusqueRight{
  background-image  : url(images/design/plusqueRight.jpg);
  background-repeat : no-repeat;
  background-color  : #FFFFFF;
  width             : 28px;
  height            : 28px;
}

td.plusqueMiddle{
  background-image  : url(images/design/plusqueMiddle.jpg);
  background-repeat : repeat-x;
  background-color  : #FFFFFF;
  text-align        : center;
  vertical-align    : middle;
}


table.inColLeft{
  border-left   : 1px solid #0111AC;
  border-bottom : 1px solid #0111AC;
  padding       : 0px;
  margin        : 0px;
  font-size     : 11px;
}

td.searchBox{
  background-color  : #92AED9;
  text-align        : center;
  height            : 78px;
}

input.searchInput{
  width         : 133px;
  height        : 13px;
  font-size     : 11px;
  color         : #0111AC;
  border        : 0px;
  margin-left   : 10px;
}

input.searchInput:focus{
  color             : #0111AC;
  background-color  : #FFFFFF;
}

a.searchBox{
  color             : #FFFFFF;
  text-decoration   : underline;
}
a.searchBox:hover{
  color             : #FFFFFF;
  text-decoration   : none;
}

td.colLeftHeader{
  background-image  : url( images/design/colLeft/colLeftHeader_bg.jpg);
  background-repeat : no-repeat;
  height            : 22px;
  color             : #FFFFFF;
  font-weight       : bold;
  padding-left      : 27px;
  vertical-align    : middle;
  font-size         : 15px;
  font-family       : Arial, Verdana, sans-serif;
}

table.colLeftCatalogue{
  background-color  : #4273BD;
}

table.colLeftPromo{
  background-color  : #FFFFFF;
}

a.CatLevel_0{
  color             : #D10F28;
  text-decoration   : none;
  font-size         : 14px;
}

a.CatLevel_0:hover{
  color             : #DCE0E3;
  text-decoration   : none;
  font-size         : 14px;
}

td.CatLevel_0{
/*  background-image  : url( images/design/colLeft/CatLevel_0.jpg);*/
  background-repeat : no-repeat;
  background-color  : #FFFFFF;
  color             : #D10F28;
  height            : 19px;
  font-size         : 14px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0212AC;
  padding           : 0px;
/*  padding-left      : 15px;*/
  vertical-align    : middle;
  cursor            : pointer;
}

td.CatLevel_0_hover{
  background-image  : url( images/design/colLeft/CatLevel_0_hover.jpg);
  background-repeat : no-repeat;
  background-color  : #FFFFFF;
  color             : #DCE0E3;
  height            : 19px;
  font-size         : 14px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0212AC;
  padding           : 0px;
/*  padding-left      : 15px;*/
  vertical-align    : middle;
  cursor            : pointer;
}

td.CatLevel_0_choosen{
  background-image  : url( images/design/colLeft/CatLevel_0_hover.jpg);
  background-repeat : no-repeat;
  background-color  : #D30E29;
  color             : #DCE0E3;
  height            : 19px;
  font-size         : 14px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0212AC;
  border-bottom     : 1px solid #FFFFFF;
  padding           : 0px;
/*  padding-left      : 15px;*/
  vertical-align    : middle;
  cursor            : pointer;
}

td.CatLevel_0_choosen_hover{
  background-image  : url( images/design/colLeft/CatLevel_0_hover.jpg);
  background-repeat : no-repeat;
  background-color  : #D30E29;
  color             : #DCE0E3;
  height            : 19px;
  font-size         : 14px;
  font-family       : Arial, Verdana, sans-serif;
  border            : 1px solid #0212AC;
  border-bottom     : 1px solid #FFFFFF;
  padding           : 0px;
/*  padding-left      : 15px;*/
  vertical-align    : middle;
  cursor            : pointer;
}

td.CatSubLevels{
/*  background-image  : url( images/design/colLeft/CatLevel_0_hover.jpg);
  background-repeat : no-repeat;*/
  background-color  : #FFFFFF;
  color             : #0111AC;
  height            : 16px;
  font-size         : 10px;
  font-family       : Arial, Verdana, sans-serif;
  padding-left      : 15px;
  vertical-align    : middle;
  cursor            : pointer;
  border-left       : 1px solid #0212AC;
  border-right      : 1px solid #0212AC;
}

td.CatSubLevels_hover, td.CatSubLevels_choosen_hover{
  background-image  : url( images/design/colLeft/CatSubLevels_hover.jpg);
  background-repeat : no-repeat;
  background-color  : #ECCE20;
  color             : #0111AC;
  height            : 16px;
  font-size         : 10px;
  font-family       : Arial, Verdana, sans-serif;
  padding-left      : 15px;
  vertical-align    : middle;
  cursor            : pointer;
  border-left       : 1px solid #0212AC;
  border-right      : 1px solid #0212AC;
}

td.CatSubLevels_choosen{
  background-image  : url( images/design/colLeft/CatSubLevels_hover.jpg);
  background-repeat : no-repeat;
  background-color  : #ECCE20;
  color             : #0111AC;
  height            : 16px;
  font-size         : 10px;
  font-family       : Arial, Verdana, sans-serif;
  padding-left      : 15px;
  vertical-align    : middle;
  cursor            : pointer;
  border-left       : 1px solid #0212AC;
  border-right      : 1px solid #0212AC;
}


td.spc_heading{
  background-image  : url(images/design/boxes/header_03_03_02.jpg);
  text-align        : right;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : bottom;
  color             : #FFFFFF;
  font-size         : 12px;
  font-weight       : bold;
  padding           : 0px;
  margin            : 0px;
  padding-right     : 10px;
}


td.spc_sub{
  background-image  : url(images/design/boxes/header_03_03_04.jpg);
  text-align        : right;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : top;
  color             : #FFFFFF;
  font-size         : 11px;
  padding           : 0px;
  margin            : 0px;
/*  padding-right     : 10px;*/
}


td.spc_sub a{
  color             : #FFFFFF;
  text-decoration   : underline;
}

td.spc_sub a:hover{
  color             : #FFFFFF;
  text-decoration   : underline;
}

td.nsltr_heading{
  background-image  : url(images/design/boxes/header_03_01_02.jpg);
  text-align        : right;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : bottom;
  color             : #FFFFFF;
  font-size         : 12px;
  font-weight       : bold;
  padding           : 0px;
  margin            : 0px;
  padding-right     : 10px;
}


td.nsltr_sub{
  background-image  : url(images/design/boxes/header_03_01_04.jpg);
  text-align        : right;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : top;
  color             : #FFFFFF;
  font-size         : 11px;
  padding           : 0px;
  margin            : 0px;
/*  padding-right     : 10px;*/
}


td.nsltr_sub a{
  color             : #FFFFFF;
  text-decoration   : underline;
}

td.nsltr_sub a:hover{
  color             : #FFFFFF;
  text-decoration   : underline;
}


td.login_heading{
  background-image  : url(images/design/boxes/header_03_05_01.jpg);
  text-align        : left;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : bottom;
  color             : #FFFFFF;
  font-size         : 12px;
  font-weight       : bold;
  padding           : 0px;
  margin            : 0px;
  padding-left      : 30px;
}


td.login_sub{
  text-align        : right;
  font-family       : Arial, Verdana, sans-serif;
  vertical-align    : bottom;
  color             : #FFFFFF;
  font-size         : 9px;
  padding           : 0px;
  margin            : 0px;
/*  padding-right     : 10px;*/
}

td.login_sub a, a.account_sub{
  color             : #FFFFFF;
  text-decoration   : underline;
}

td.login_sub a:hover{
  color             : #FFFFFF;
  text-decoration   : underline;
}

td.mainContainer{

  border            : 1px solid #0414AD;

  height            : 200px;

  padding-left      : 2px;

  padding-right     : 2px;

}



td.mainInsider{
  border-left       : 1px solid #0414AD;
  border-right      : 1px solid #0414AD;
}

a.BigBlue{
  color             : #0111AC;
  font-size         : 12px;
  font-weight       : bold;
  text-decoration   : none;
}

a.BigBlue:hover{
  color             : #0111AC;
  font-size         : 12px;
  font-weight       : bold;
  text-decoration   : none;
}

a.footer_lnk{
  color             : #0111AC;
  font-size         : 11px;
  text-decoration   : none;
}

a.footer_lnk:hover{
  color             : #0111AC;
  font-size         : 11px;
  text-decoration   : none;
}

a.nostyle{
  color             : #0111AC;
  font-size         : 11px;
  text-decoration   : none;
}

a.nostyle:hover{
  color             : #0111AC;
  font-size         : 11px;
  text-decoration   : none;
}

a.bigWhite{
  color             : #FFFFFF;
  font-size         : 14px;
  font-weight       : bold;
  text-decoration   : none;
}

a.bigWhite:hover{
  color             : #FFFFFF;
  font-size         : 14px;
  font-weight       : bold;
}

/* STOP PEM 04-2008 - SYNOLIA */

/* BOF oscXchange : Remise par Quantité */
table.remiseParQte {
  width : 300px;
  border-collapse: collapse;
  border : 1px solid #92aed9;
  margin: 5px;
}

table.remiseParQte th {
  background-color : #92aed9;
  color : #FFFFFF;
  font-weight: bold;
  padding: 2px;
}

table.remiseParQte td {
  border : 1px solid #92aed9;
  padding: 2px;
}

td.newsBox{
  overflow    : hidden;
  width       : 33%;
  height      : auto;
  border      : 1px solid #D1E8FC;
  padding     : 2px;
}

td.subCatBotRedBod{
  border-bottom : 2px solid #AA0D20;
}

a.white11Lnk{
  color           : #FFFFFF;
  font-size       : 11px;
  text-decoration : underline;
}

a.white11Lnk:hover{
  color           : #FFFFFF;
  font-size       : 11px;
  text-decoration : none;
}

/* EOF oscXchange */