/*
  $Id: stylesheet.css,v 1.25 2009/06/22 09:35:43 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          : #FFFFFF;*/

  background-image    : url( images/design/body/bg_body.jpg );
  background-position : 50% 206px;
  background-repeat   : no-repeat;
  background-color    : #002D5C;

  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; }
img { border-width:0px; }
textarea { color:gray; font-family:Arial, Verdana, sans-serif; font-size:11px; width:98%; }
 { color:gray; font-family:Arial, Verdana, sans-serif; font-size:11px; border: 0px; }
input, select { color:gray; font-family:Arial, Verdana, sans-serif; font-size:11px; border: 1px solid #C0C0C0; }


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

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

.noBorders { border:0px; }


.error, .warning { font-size:11px; font-weight:bold; height:20px;color:red; vertical-align:middle; }
.stockWarning { font-size:11px; font-weight:bold;color:red;  }
.success { font-size:11px; font-weight:bold; height:20px; vertical-align:middle;color:#008d14; }
.info { color:blue; font-size:11px; }
.inputRequirement { color:red; font-size:11px; }
.productSpecialPrice { color:red; font-weight:bold; }

/*
.pageHeading { color:gray; font-weight:bold; font-size:14px; padding-top:11px; padding-bottom:11px; }
*/

.pageHeading{
  background-color      : #FFFFFF;
  padding-left          : 0px;
  height                : 35px;
  vertical-align        : top;
  color                 : #013f70;
  font-size             : 24px;
  border-bottom         : 1px solid #818080;
}

.main { padding-left:0px; }
.mainFrame { padding:11px; padding-left:15px; }

.mainFrame2 { padding:11px; padding-left:15px; padding-right : 25px; background-color:#FFFFFF; border-top:1px dotted #818080; height:500px; }


a.headerNavigation, a.headerNavigation:hover { text-decoration:underline; color:#FFFFFF; }

a.headerNavigation3{
	color			:	#FFFFFF;
	text-decoration	:	none;
}

a.headerNavigation3:hover{
	color			:	#FFFFFF;
	text-decoration	:	none !important;
}

.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 #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:10px; }
.infobulle { position:absolute; visibility :hidden; top:0px; }
span.ecotaxe { font-size:10px; cursor:help; text-decoration:underline; }

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

.imgNoBorders { cursor : pointer; border : none; }

/* 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:11px; }

#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 11px; }
#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: #FFFFFF;
}

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



/* 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;
  height      : auto;
  z-index     : 666;
  position    : absolute;
}

td.modal_crTpLeft{
  background-image  : url( images/design/modal/modal_crTpLeft2.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
  background-color  : transparent;
  background-position : bottom right;
}

td.modal_crTpRight{
	vertical-align		: bottom;
	text-align        : left;
  background-image  : url( images/design/modal/modal_crTpRight2.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
  background-color  : transparent;
  background-position : bottom left;
}

td.modal_crBtLeft{
  background-image  : url( images/design/modal/modal_crBtLeft2.gif );
  background-repeat : no-repeat;
  width       : 20px;
  height      : 20px;
  background-color  : transparent;
  background-position : top right;
}

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

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

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

td.modal_middle{
  background-color : #E4E5E5;
}

td.modal_middleLeft{
  background-image  : url( images/design/modal/modal_MiddleLeft2.gif );
  background-repeat : repeat-y;
  background-position : top right;
  background-color  : transparent;
}

td.modal_middleRight{
  background-image  : url( images/design/modal/modal_MiddleRight2.gif );
  background-repeat : repeat-y;
  background-position : top left;
  background-color  : transparent;
}

img.closeModal{
  cursor      : pointer;
}
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;
  font-size         : 11px;
  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;
}

/* STOP PEM 04-2008 - SYNOLIA */

/* BUSINESSHOP - JPO - Janvier - 2009 - Module Tags - BOF */
a.Tags1{
	font-size					: 14px;
	font-weight				: bold;
	text-decoration		: none;
}
a.Tags2{
	font-size					: 12px;
	font-weight				: bold;
	text-decoration		: none;
}
a.Tags3{
	font-size					: 11px;
	font-weight				: bold;
	text-decoration		: none;
}
a.Tags4{
	font-size					: 8px;
	font-weight				: bold;
	text-decoration		: none;
}
/* BUSINESSHOP - JPO - Janvier - 2009 - Module Tags - EOF */

/* JPO Affichage Process commande - 12/08 - BOF */
a.ClassDone, td.ClassDone{
     color      : #57A1DB;
     font-size    : 11px;
     font-weight   : bold;
     text-decoration : none;  
}
a.ClassOff, td.ClassOff{
     color      : #B5B5B5;
     font-size    : 11px;
     font-weight   : bold; 
     text-decoration : none;
}
a.ClassOn, td.ClassOn{
     color      : #FF6600;
     font-size    : 11px;
     font-weight   : bold; 
     text-decoration : none;
}
/* JPO Affichage Process commande - 12/08 - EOF */

/* Module zoom loupe - JPO - BOF */
.jqzoom{
/*border:1px solid black;*/
float:left;
position:relative;
padding:0px;
cursor:pointer;
}

.jqzoom img{
float:left;
}


div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #ffffff url(./images/zoom.gif) 50% top  no-repeat;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}
/* Module zoom loupe - JPO - EOF */

/******************
 * POINTS FIDELITE - 2009-05 BOF
 ******************/

.cph{
  width                 : 100%;
  border                : 1px solid #000000;
}

.cph th{
  border                : 1px solid #000000;
}

.cph td{
  padding               : 3px;
  white-space           : nowrap;
  border                : 1px solid #000000;
}

.cph td.left{
  text-align            : left;
  white-space           : nowrap;
}

.cph td.right{
  text-align            : right;
  white-space           : nowrap;
}

.cph td.comment{
  width                 : 250px;
  border                : 1px solid #000000;
  text-align            : left;
  white-space           : normal;
}

span.errorRedText{
  color                 : #FF0000;
  font-weight           : bold;
}

table.popupErrorPoints{
  width                 : 250px;
  background-color      : #FFFFFF;
}

.parrainEmail{
  text-align            : center;
  padding               : 5px;
}

.parrainEmail input{
  width                 : 150px;
}

span.warning{
  font-weight           : bold;
  font-size             : 14px;
  color                 : #FF0000;
}

/******************
 * POINTS FIDELITE - 2009-05 EOF
 ******************/
 
 
/******************
 * DIV JS - 2009-07 BOF
 ******************/
 
 #menuCats{
  display               : none;
  position              : absolute;
  top                   : 0px;
  left                  : 0px;
  z-index               : 10;
  width                 : 105px;
/*  background-color      : #D1F0F5;*/
}

#mainmenu{
/*  padding-left          : 5px;*/
}

.closeMenu{
  background-image      : url(images/design/bd_botTabs.jpg);
  background-repeat     : repeat-x;
  height                : 10px;
  cursor                : pointer;
/*  margin-top            : 3px;*/
}

.closeMenuHover{
  background-image      : url(images/design/bd_botTabs.jpg);
  background-repeat     : repeat-x;
  height                : 10px;
  cursor                : pointer;
/*  margin-top            : 3px;*/
}

/******************
 * DIV JS - 2009-07 EOF
 ******************/

a.blueLnk12Bold{
  color                 : #004c99;
  font-weight           : bold;
  text-decoration       : none;
}

a.blueLnk12Bold:hover{
  color                 : #337FCC;
  font-weight           : bold;
  text-decoration       : underline;
}

.catBoxListing{
  background-color      : #FFFFFF;
  padding-left          : 15px;
  height                : 28px;
  vertical-align        : middle;
  border-top            : 1px dotted #818080;
  border-bottom         : 1px dotted #818080;
  cursor                : pointer;
}

.catBoxListing_hover{
  background-color      : #00417b;
  padding-left          : 15px;
  height                : 28px;
  vertical-align        : middle;
  border-top            : 1px dotted #818080;
  border-bottom         : 1px dotted #818080;
  cursor                : pointer;
}


.catBoxListing_selected{
  background-color      : #00417b;
  padding-left          : 15px;
  height                : 28px;
  vertical-align        : middle;
  border-top            : 1px dotted #818080;
  border-bottom         : 1px dotted #818080;
  color                 : #FFFFFF;
  cursor                : pointer;
}


.catBoxListing .GreyLnk11{
  color                 : #818080;
  font-weight           : bold;
  text-decoration       : none;
  font-size             : 11px;
}

.catBoxListing_hover .GreyLnk11, .catBoxListing_hover .GreyLnk11:hover{
  color                 : #FFFFFF;
  font-weight           : bold;
  text-decoration       : none;
  font-size             : 11px;
}

.catBoxListing_selected .GreyLnk11, .catBoxListing_selected .GreyLnk11:hover{
  color                 : #FFFFFF;
  font-weight           : bold;
  text-decoration       : none;
  font-size             : 11px;
}

.overallHeader{
  width                 : 952px;
  background-image      : url(images/design/body/bg_header.jpg);
  height                : 48px;
  vertical-align        : middle;
  text-align            : left;
  padding-left          : 15px;
  font-size             : 28px;
  font-weight           : bold;
  color                 : #FFFFFF;
}

.overallHeader a{
  text-decoration       : none;
}

.overallHeader a:hover{
  text-decoration       : none;
}

.sub_breadcrumb{
  background-color      : #FFFFFF;
  padding-left          : 0px;
  height                : 35px;
  vertical-align        : top;
  color                 : #013f70;
  font-size             : 24px;
  border-bottom         : 1px solid #818080;
}

.prevCatLink{
  height                : 30px;
  vertical-align        : middle;
  background-color      : #eaeaea;
  color                 : #013f70;
  font-weight           : bold;
  padding-left          : 10px;
  cursor                : pointer;
}

#marquagePrix{
  display               : none;
  position              : absolute;
  top                   : 0px;
  left                  : 0px;
  z-index               : 10;
  width                 : 300px;
/*  background-color      : #FAFAFA;*/
}

.multiPix{
  border                : 2px solid #d2d2d2;
  vertical-align        : middle;
  text-align            : center;
  width                 : 52px;
  height                : 52px;
}

.multiPix .imgBorders{
  border                : none;
}

.headerXSelling{
  background-image      : url( images/design/boxes/bg_xsell.jpg );
  height                : 32px;
  vertical-align        : middle;
  padding-left          : 10px;
  color                 : #FFFFFF;
  font-size             : 22px;
}


.pInfoRegp{
  padding-top           : 10px;
  color                 : #01669d;
  font-size             : 18px;
  font-weight           : bold;
}

.pInfoRegp .productListing-odd .productListing-data{
  background-color      : #f2f1f1;
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 14px;
}

.pInfoRegp .productListing-even .productListing-data{
  background-color      : #ffffff; 
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 14px;
}

.pInfoRegp .productListing-odd .Qty{
  background-color      : #006fc8;
  color                 : #FFFFFF;
  font-weight           : bold;
  vertical-align        : middle;
  font-size             : 14px;
  width                 : 35%;
}

.pInfoRegp .productListing-even .Qty{
  background-color      : #338cd3; 
  color                 : #FFFFFF;
  font-weight           : bold;
  vertical-align        : middle;
  font-size             : 14px;
  width                 : 35%;
}

.pListRegp{
  padding-top           : 10px;
  color                 : #01669d;
  font-size             : 18px;
  font-weight           : bold;
}

.pListRegp .productListing-odd .productListing-data{
  background-color      : #f2f1f1;
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 11px;
  border                : none;
}

.pListRegp .productListing-even .productListing-data{
  background-color      : #ffffff; 
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 11px;
  border                : none;
}

.pListRegp .productListing-odd .Qty{
  background-color      : #f2f1f1;
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  font-size             : 11px;
  width                 : 35%;
}

.pListRegp .productListing-even .Qty{
  background-color      : #ffffff;
  color                 : #01669d;
  font-weight           : bold;
  vertical-align        : middle;
  font-size             : 11px;
  width                 : 35%;
}

a.blueBold11Lnk{
  color                 : #01669d;
  font-weight           : bold;
  font-size             : 14px;
  text-decoration       : none;
}

a.blueBold11Lnk:hover{
  color                 : #2186Bd;
  font-weight           : bold;
  font-size             : 14px;
  text-decoration       : none;
}

a.lnkWhite12{
  color                 : #FFFFFF;
  text-decoration       : none;
  font-size             : 12px;
}

a.lnkWhite12:hover{
  color                 : #FFFFFF;
  text-decoration       : underline;
  font-size             : 12px;
}

a.footer_lnk{
  color                 : #FFFFFF;
  font-weight           : bold;
  text-decoration       : none;
}

/*********************/
/******CYBERCITE******/
/*********************/

h1 a, h1 a:hover {
text-decoration:none;
color:#01669d;
}

.sub_breadcrumb h2 {
	margin:0px;
	font-size:22px;
	font-weight:normal;
}

h3.headerNavigation3 {
font-size:30px;
display:inline;
}

ul.list_lien_footer {
margin:0px;
padding:0px;
width:150px;
list-style:none;
}
ul.list_lien_footer li a{
color:#FFFFFF;
text-decoration:none;
}

h2.lien_cat {
font-weight:normal;
font-size:14px;
}