/*
  $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
*/
/***********************************************
Feuille de Style Zone427
http://www.aidenet.com/css/index.htm#position
*************************************************/
body {
	
	
	background: #FBFBFF;
	background-image: url(fond.png); 
    /*color: #000000; */
    margin: 0px; /*  bordures de la fenêtre du navigateur  { margin: 10px 10% 5px 12px ; } = margin-top: 10px ; margin-right: 10% ; margin-bottom: 5px ; margin-left: 12px ;   */

/* ascensseur ton bleu */
	scrollbar-track-color: #A8A8FF; /* le fond de l'ascensseur */
	scrollbar-face-color: #032F7E; /* le curseur */
	scrollbar-highlight-color: #ffffff;  /* la couleur claire */
	scrollbar-3dlight-color: #C6E3C8;
	scrollbar-shadow-color: #000046;  /* la couleur fonce */
	scrollbar-darkshadow-color: #000046; /* la couleur plus fonce */
	scrollbar-arrow-color: #FFFFFF;}

	
/*  ascensseur de couleur vert 
    scrollbar-track-color: #89C58D;
	scrollbar-face-color: #438948;
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #C6E3C8;
	scrollbar-shadow-color: #316435;
	scrollbar-darkshadow-color: #316435;
	scrollbar-arrow-color: #FFFFFF;}   */

.table_header {
	/*background: #000046;*/
	/*background-image: url(fond_entete.jpg); */
	vertical-align: top;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom:Opx solid #ffffff;
	border-left: 0px solid;
	margin: 0 auto;
	padding: 0px;
	text-align: right;
}
/* la table principale conetant les 3 colonnes */
.table_main {
 /* background: #0099FF; */
  /* background-image: url(sky.jpg); */
  padding: 0px;  /* permet de définir la distance entre le contenu d'une boîte et la bordure de ce dernier - si quatre valeurs, la première s'applique à "top", la seconde à "right", la troisième à "bottom" et la dernière à "left"  */
  /* padding-top: 50px ; padding-right: 60px ; padding-bottom: 5px ; padding-left: 10px */
  /*border:1px solid #6495ed; */
  /* border:0px dotted #6495ed; */
  /* border-collapse:collapse; */
  /* border-collapse:collapse; /* equivalent html de celspacing */
/*  border-spacing: 0px;  /* equivalent html de celspacing ne fonctionne pas avec IE*/
  border-width:0px; 
  border-style:solid; /*dashed dotted groove ridge inset outset */ 
   /*border-color:black; */ 
  margin: 0 auto; 

border-top: 0px solid #006;; 
/* border-right: 0px solid ; 
border-bottom:0px solid ; 
border-left: 0px solid ; */ 


  /* margin:auto; */
  vertical-align: top; /* baseline top  middle  bottom */
 /* align: center; */
  text-align: left;

}


.table_left_colone {
  /* background: #006; */
  border-top: 0px solid ; 
  border-right: 0px solid; 
  border-bottom:0px solid ; 
  border-left: 0px solid ; 
  margin: 0 auto;
  /* padding-top: 4 px ; padding-right: 4px ; padding-bottom: 10px ; padding-left: 4px; */
  padding: 0px; 
  text-align: left;
}

.table_menu_gauche {
  /*background: #C66300; */
  border-top: 0px solid ; 
  border-right: 0px solid; 
  border-bottom:0px solid ; 
  border-left: 0px solid ; 
  margin: 0 auto;
  padding-top: 4px ; padding-right: 4px ; padding-bottom: 10px ; padding-left: 4px;
  /* padding: 4px; */ 
  text-align: left;
}
.table_menu_droit {
  /*background: #C66300; */
  border-top: 0px solid ; 
  border-right: 0px solid; 
  border-bottom:0px solid ; 
  border-left: 0px solid ; 
  margin: 0 auto;
  padding-top: 4px ; padding-right: 4px ; padding-bottom: 10px ; padding-left: 4px;
  /* padding: 4px; */ 
  text-align: left;
}

.table_centre_colone {
	/*background: #6884F4; */
  border-top: 0px solid;
	border-right: 0px dotted #ffffff;
	border-bottom:0px solid;
	border-left: 0px solid;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
}

.table_right_colone {
  /* background: #006; */
  border-top: 0px solid ; 
  border-right: 0px solid ; 
  border-bottom:0px solid ; 
  border-left: 0px solid ; 
  margin: 0 auto;
  padding: 0px; 
}

.foot_menu{
  background: #000046;
  border-top: 0px solid ; 
  border-right: 0px solid ; 
  border-bottom:0px solid ; 
  border-left: 0px solid ; 
  margin: 0 auto;
  padding: 0px; 
  texte-color: #ffffff;
}

.subinfo { font-family : Verdana, Arial, sans-serif; font-size : 11px; 
color: #F60;
font-weight: bold;

}

.subalerte { font-family : Verdana, Arial, sans-serif; font-size : 11px; 
color: #F00;
font-weight: bold;

}


/* VR 20090901 nom du fabricant ajouté dans la fiche produit */
.manufacturers_name { font-family : Verdana, Arial, sans-serif; font-size : 14px; 
color: #003;
font-weight: bold;
}

.paypal_checkout { font-family : Verdana, Arial, sans-serif; font-size : 10px; 
color: #006;
font-weight: bold;
}

.check_cgv { font-family : Verdana, Arial, sans-serif; font-size : 12px; 
color: #F60;
font-weight: bold;
text-decoration: none;
}
.check_cgv a:link { font-family : Verdana, Arial, sans-serif; font-size : 12px; 
color: #F60;
font-weight: bold;
text-decoration:underline;
}
.check_cgv a:hover { font-family : Verdana, Arial, sans-serif; font-size : 12px; 
color: #009;
font-weight: bold;
text-decoration:underline;
}



/* Navigation Haute */
.topmenu {
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff; 
   font-weight : bold;
   padding: 2px;
margin-left: 5px;

}
.topmenu a:link {
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff; 
   font-weight : bold;
   padding: 2px;
margin-left: 5px;
}
.topmenu a:visited {
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff; 
   font-weight : bold;
padding: 2px;
margin-left: 5px;
}
.topmenu a:active {
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff; 
   font-weight : bold;
padding: 2px;
margin-left: 5px;
}
.topmenu a:hover {
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #009; 
   font-weight : bold;
   text-decoration: underline;
padding: 2px;
margin-left: 5px;
}
.topmenu_separateur {
font-size: 8px;
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #009; 
   font-weight : bold;
   padding: 0px;
margin-left: 3px;
}

/***********************************************/



.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {font-family : Verdana, Arial, sans-serif; font-size : 11px; 
color: #F60;
font-weight: bold;
}
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

img
{
border: 0;
}

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

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

FORM {
	display: inline;
}

/* plus utilise remplacé par Table_header entete = logo & bandeau   
TR.header {   background: #ffffff; } */

/* dans les href de la barre de navigation */
A.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /* background: #C66300; */
  
   color: #009; 
  font-weight : bold;
}
/* dans les href de la barre de navigation */
A.headerNavigation { 
  color: #009; 
  border-top: Opx solid;

}

A.headerNavigation:hover {
  color: #F60;
  border-top: 0px solid;
}

.headerNavigation_separateur{
  font-size: 8px;
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #F60; 
   font-weight : bold;
   padding: 0px;
margin-left: 3px;
  
}

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;
  border-top: 0px solid;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000046;
  text-align:left;
  text-decoration:none;
  text-indent: 2px;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000046;
  color: #ffffff;
  font-weight: bold;
}

/* TD de la zone de contenu des box */


/* Table du contenu des box */
.infoBox {
 background: #FFF; 
 /*#FFC;  /* le fond doit aussi etre defini ds infoBoxContents */
}

/* Table se trouvant dans la table infobox */
.infoBoxContents {
  /* background: #FFF; */ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxContents a:active { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#FFF; background-color:#009 }


/* TD de la table infoboxContents ou se trouve le contenu des BOX*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#006}


.boxText_selected           { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFF; background-color:#5548F9 }
.boxText_selected a:link    { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFF; background-color:#5548F9 }
.boxText_selected a:active  { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFF; background-color:#5548F9 }
.boxText_selected a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFF; background-color:#5548F9 }
.boxText_selected a:hover   { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#F60; background-color:#5548F9 }

.boxText_selected01         { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#FFF; background-color:#CDCAF9 }

.boxText_unselected a:link   { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#006; }
.boxText_unselected a:active { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#006; }
.boxText_unselected a:visited  { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#006; }
.boxText_unselected a:hover   { font-family: Verdana, Arial, sans-serif; font-size: 9px; color:#F60; background-color:#CDCAF9 }

.infoBoxNotice {
  background: #FF8E90;
}

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

/* entete des boites categorie info etc */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  /* background: #bbc3d3; */
  color: #006;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFC; /*   */
  
}

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: #f8f8f9;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 /* background: #b6b7cb; */
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(/images/infobox/productlisting_header_fond.png);
}

/* liste des produits */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#006;
  /* background: #FFC; */
  background: #FFF;
  
 /*  border-top: 0px solid ; 
  border-right: 0px solid; 
  border-bottom:1px doted #006; 
  border-left: 0px solid ; 
  margin: 0 auto;
  padding: 0px; */ 
  
}

A.pageResults {
  color: #EC4D00;
}

A.pageResults:hover {
  color: #009;
  background: #ffffff;
}


/* titre des page  Catégorie etc...*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #006;
}

TR.subBar {
  background: #f4f7fd;
}

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

/* TD de la liste de produits */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  
  /* background: #FFC; */
  /* background-image: url(fond.jpg); */ 
}

TD.smallText, SPAN.smallText, P.smallText { /* categories dans les liste & tout le text d'un articles*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /* color: #C5C6FE;  VR 20090820  aucun effet bleu clair*/
  color: #006; /* VR 20090918 bleu foncé*/
}


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

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