/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
@import url(skin.css);
@import url(jcarousel.css);
@import url(imagebox.css);
@import url(multiboxes.css);
@import url(cssbuttonstoggler.css);
@import url(featuredcontentglider.css);
@import url(imagebox.css);
/* pour les boxes informations et pas ceux des produits
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  /*color: #0066B3;*/
  margin: 0px;
}

img
{
border: 0;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: url(images/navbar2.JPG);
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
 /* color: #ffffff;*/
  color: #0066B3;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #6699CC;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif; /*bas de page de l entete */
  font-size: 10px;
   background: url(images/navbar2.JPG);
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
 background: #ffffff  ;
 /* background: url(images/navbar2.JPG);*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}
*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  /*background: url(images/navbar2.JPG) repeat-x; tab background */
  /*color: #FFFFFF;*/
    color: #0066B3;
  text-indent: 5px;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif; /*Police pour nom droite de image*/
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 5px;
  white-space: pre;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size:14px;
  font-weight:bold;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */












/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

#glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

#glossymenu li{
	float:left;
}

#glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

#glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

#glossymenu li.current a, #glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

#glossymenu li.current a b, #glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}






.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* différent style menu****************************************************/


/*#chromemenu{
width: 100%;
font-weight: bold;
font-size: 100%;
color: #2d2b2b;
}

#chromemenu:after{ 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/chromebg4.gif) center center repeat-x;
padding: 5px;
margin: 0;
text-align: right; 
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(images/chromebg-over.gif) center center repeat-x;
}

*/
/* Avec sous menu*/

#jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

#jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html #jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

#jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
#jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

#jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
// pour fabricant avec logo
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

# html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

#aerobuttonmenu ul{ /*aero button CSS*/
background: transparent url(images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

#aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

#aerobuttonmenu a.aero span{
background: transparent url(images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

#aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

#aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url(images/aeroleftblack.gif);
}

.black a.aero span{
background-image: url(images/aerorightblack.gif);
}

#aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

#aerobuttonmenu .rightsection a{
color: navy;
}

/*Test*/
#info {height:30em;}
#info p {text-align:center;}
.menu {
display:table; /* ignored by IE */
padding:0;
list-style-type:none;
white-space:nowrap; /* keep text on one line */
border:1px solid #ccc; /* add a border to show size of menu */
}
* html .menu {
display:inline-block; /* for IE only */
width:1px; /* IE will expand 1px width to fit menu width */
padding:0 2px; /* fix bug in IE to get border spacing correct */
}
.menu li {
display:table-cell; /* ignored by IE */
}
* html .menu li {
display:inline; /* for IE only */
}
.menu a, .menu a:visited {
display:block; /* for all browsers except IE */
padding:4px 16px;
color:#000;
background:#ccc;
border:1px solid #fff; /* add a 1px white border around each list item */
text-decoration:none;
}
* html .menu a, * html .menu a:visited {
display:inline-block; /* for IE only */
margin:0 -2px; /* to correct an IE bug that doubles the border width */
}
.menu a:hover {
color:#fff;
background:navy;
}

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}


/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(0,100%,100%,0);
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#214152;
	layer-background-color:#214152;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:10px;
}

.clLevel0{
	background-color:#ffffff;
	layer-background-color:#214152;
	color:#000000;
}

.clLevel0over{
	background-color:#bbc3d3;
	layer-background-color:#bbc3d3;
	color:#214152;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Verdana,arial,helvetica;
	font-size:10px;
}

.clLevel1{
	background-color:#ffffff;
	layer-background-color:#214152;
	color:#000000;
}

.clLevel1over{
	background-color:#bbc3d3;
	layer-background-color:#bbc3d3;
	color:#214152;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */

#chromestyle{
width: 99%;
font-weight: bold;
color: #ffffff;
}

#chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background-color: #0066B3;
padding: 4px 0;
margin: 0;
text-align:   center; /*set value to "left", "center", or "right"*/
}

#chromestyle ul li{
display: inline;
}

#chromestyle ul li a{
color: #494949;
padding: 4px 1px;
margin: 0;
text-decoration: none;
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
color: #ffffff;
}

#chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

#dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


#dropmenudiv a{
width: 100%;

text-indent: 3px;
border: 0px solid #0066B3; /*THEME CHANGE HERE FEF128*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
text-align: left;
}

#dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0066B3;
}

/INDIVIDUAL BOXES & GRAPHICAL BORDERS BEGIN
.mws_boxTop_module    { background: url('images/infobox_module/top.gif'); /* entete des boite cote */
                 font-family: arial;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
		 color: Red;
                 white-space: nowrap; }
.mws_boxLeft_module   { background: url('images/infobox_module/left.gif'); }
.mws_boxRight_module  { background: url('images/infobox_module/right.gif'); }
.mws_boxBottom_module { background: url('images/infobox_module/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_module { background: #ffffff; 
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 4px;}
.mws_boxCenter_module2 { background: #ffffff; 
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 4px;}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.mws_boxTop    { background: url('images/infobox/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #f8f8f9 ; }

.mws_boxTop_main    { background: url('images/infobox_main/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft_main   { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #FFFFFF; }
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*taille pour le logo */


.Logo_compagnie{
width:10;
height:10;
}


/*Langue entete */ 
/*com-host.com*/
TABLE.LangBox {
height: 10px;
width: 120px;
}

/* BOF: More Pics 6 */
TABLE.popup {
  border-width: 1px;
  border-style: dotted;  
  border-color
}
/* EOF: More Pics 6 */

/*pour la dimension de ecran -code valide*/
#content {
width: 1024; margin: auto;
/* border: 1px solid #999999; */
text-align:center;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
  text-align:center;
}

/* Beginn Warenkorb im Header */
#header-basketDiv { 
    position: relative;
    width: 200px;
    height:60px;
    float:left;
}

#header-basketBox { 
    position: relative;
    width: 206px;
    height:60px;
    float:left;
  background-image: url('images/header_box_basket.gif');
}

/* Start - Link BASKETBOX */
A.header-basket:link {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:visited {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:active {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:hover {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
/* Ende - Link BASKETBOX */

#header-basketText { 
    line-height:12px; 
    font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma;
    font-size: 10px;
    font-weight: normal;
    margin: 3px 0px 0px 6px;
}
/* Ende Warenkorb im Header */

/********************** footer menu ************************/

.az_footer_menu{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.az_footer_menu li{
    float:left;
	font: 11px Tahoma,Verdana,Arial;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
}
.az_footer_menu li.az_footer_menu_div{
    padding:0 10px;
}
.az_footer_menu  a{
	color:#822f0f;
	font:bold 11px Tahoma;
}
.az_footer_menu a:hover {
	text-decoration:underline;

/*             Footer Css                   */
/*------------------------------------------*/
.az_main_footer{
    border-top:1px solid #7d7d7d;
    margin:19px 10px;
    height:75px;
}
.az_left_bar_footer{
    display:none;
}
.az_mid_bar_footer{
    	
}
.az_right_bar_footer{
    display:none;
}


/* BOF Manufacturers Dropdown Anywhere */
.manufacturers_anywhereBox {
  background : transparent;
  color : #000000;
}
.manufacturers_anywhereBoxContents {
  background: transparent;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
}
/* EOF Manufacturers Dropdown Anywhere */