/*
  $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
  Revue et corrig?e par Etienne B. -- www.loiseau2nuit.net
*/

/* 
Etienne >> maintenant, au lieu de parler en px, on va parler en em 
parce que c'est le format de taille d'?l?ment le plus adaptable aux diff?rentes 
r?solutions d'?cran. enfin "normalement"...	
plus d'infos sur http://www.alsacreations.com
unit?s de mesure reltives et/ou absolues pour les "design fluides" 	
*/

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


.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: #333; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY { background-color: #000;	/*	?quivalent de #000000	*/
  background-image: url(images/Mise_en_Page/Fonds_Page/fond_ecran_3.jpg); color: #fff;	/* couleur du texte en g?n?ral	*/
  
	margin-top: 25px; margin-left: auto;	/*	assure le centrage de la page sous firefox	*/
	margin-right: auto;	/*	assure le centrage de la page sous firefox	*/
	text-align: center; padding: 25px 10%;	/*	peut ?tre pas n?c?ssaire. A voir	*/
}

/* 
rajout? pour avoir le fond noir dans les tableaux centraux du site
probl?me : tout tableau ouvert dans le site aura maintenant un fond noir
d'o? la n?c?ssit? d'arreter de faire ses mises en page de sites web en utilisant les tableaux !!!	
*/

TABLE	{
	background-color: #000;
}

/*	l? on g?re la couleur et les styles des liens	*/

img{
border : none;
}

A {
  color: #cc0036;	/* l'esp?ce de rouge bordeaux qui ressort partout	*/
  text-decoration: none;
}

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

/*	champs de formulaires	*/

FORM {
	display: inline;
}

/*	A premi?re vue, la ligne de tableau d'entete qui contient le logo du site
	et les liens vers les accueil/comptes/paniers/	*/
TR.header {
  background: #000;
}

TR.headerNavigation {
  background: #000;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #fff;
  font-weight : bold;
}

#headerNavigation{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bolder;
  background: #000;
   /*background-image: url("images/backgroundheader.jpg");*/
   background-repeat:no-repeat;
  color: #dd0000;
}


/*	barre de liens situ?e sous le bloc avec logo d'ent?te	*/
A.headerNavigation { 
  color: #FFFFFF; 
}

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

/*	Ligne des Messages d'erreurs du dessus (oui vous savez les trucs ?crit sur fond rose pas beau !)	*/
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #f00;
  color: #000;
  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;
  font-weight: bold;
  text-align: center;
}

/*	pied de page (? partir de la ligne de date et de d?compte requ?tes	*/
TR.footer {
  background: #bbc3d3;
}

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


/*	contour corp de boxs	*/
.infoBox {
  background: #bb0000;
}

/*	couleur de fond des boxs	*/
.infoBoxContents {
  background: #999;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  	background: #bb0000;  
  color: #fff;
}

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

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

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

/*	rajout couleur et taille du message 'aucun produit list? ds cette cat?gorie' il ne se voyait plus depuis mes changements de couleur de fonds	*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #fff;
  background: #666;
  font-weight: bold;
}

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

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

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

SPAN.promo2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  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: hand; }
.moduleRowSelected { background-color: #333; }

.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; }










/* la visionneuse */
#catalogIndexViewer img{
	margin-left:10;
	margin-top:10;
	margin-right:10;
	width:530px;
	height:390px;
	
}

#catalogIndexViewer div{
	margin-top:10;
}
		
#catalogIndexViewer{
	width:550px;
	height:445px;
	background-Image: url("images/Mise_en_Page/Fonds_Page/fond_viewer.jpg");
    color: #FFFFFF;
	background-repeat:no-repeat;
}
		
#catalogIndexViewer input{
	margin-right:10;
	cursor : pointer;
	visibility: hidden; 
}





/* Le Menu Categorie */


#menu, #menu ul
{		
        padding: 0; 
        margin : 0; 
        list-style : none; 
        line-height : 21px; 
		text-align : left;
}

#menu table *{
	visibility:hidden;
	display :inline;
	width: 2px;
	
}

#menu 
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 12px; 
}

#menu a 
{
		width:80%;
        display : block;
        padding-left: 10px;
        color : #C00; 
        text-decoration : none; 
        width : 134px;
		font-weight : bold;
}

#menu li ul 
{ 
        width: 134px; 
}

#menu li ul li{
	width:80%;
}

#menu li ul li td{
	visibility:hidden;
}

#menu a:hover 
{
        color: #fff; 
        background: #C00;
}

#menu .current0{
	color: #fff; 
    background: #BA4242;
}

#menu .current1{
	color: #fff; 
    background: #B77E7E;
}

#menu li ul li span{
	width: 2px;
	height:100%;
	background: #BA4242
}

#menu li ul li a 
{
		font-weight:none;
        color: #BA4242; 
        background: #c7c7c7;
		font-size:smaller;
		width:138px;
		padding-left:6px;
		text-align:left;
}

#menu li ul li ul a 
{
		font-weight:none;
        color: #CC0036; 
        background: #D8d8d8;
		font-size:x-small;
		width:126px;
		padding-left:18px;
}