/*
  $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
*/
#content {
background: #ffffff;
width: 1000;
float: center;
margin: auto;
border: 0px solid #527394;
text-align:center;
}

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 0px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{   /*BOUTONS dans le header (tarifs, contact....)*/
padding: 8px 0.5em;
text-decoration: none;
font-size: 15;
float: center;
color: #ffffff;
background-color: #527394;
border: 2px solid #aabbdd;
}

.hovermenu ul li a:hover{
background-color: #aabbdd;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
</style>

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.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: #900000; text-decoration: underline; }

BODY {
float: center;
 /*background: #ff55ff;/* couleur de fond generale*/
 background-image:url(images/ebloui.jpg);
  color: #000000;/*couleur des caracteres generale*/
  margin: 0px;
 text-align:center;
}
div.maindiv
{
	float: center;
	text-align:center;
	width:100%;/*TAILLE DE LA FENETRE PRINCIPALE DE LA BOUTIQUE !!!!!!*/
	color: #00ffff;
	margin-left: auto;
	margin-right:auto;
}

A {
  color: #000000;/* couleur des "ouvrir une session" ou "creer un compte" ou des categories dans la box produits*/
  text-decoration: none;
  font-size:12;
}

A:hover {
  color: #aabbdd;/* Couleur passage de la souris sur lien*/
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {     /* IMAGE : Infochip Informatique, multimédia, jeux vidéos ...*/
/* background: #527394;*/ 
  margin: 10px;
  /*background-image:url(images/bandeau.jpg);*/
  background:#527394;/* fond bleu derriere mon compte, panier et commander*/
}

/* couleurs : Accueil>>Catalogue>>Materiel   Panier>> Compte...*/
TR.headerNavigation {
  /*background: #bbc3d3;*/
color: #ffffff;
  }  

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  height:35px;
  background: #ffffff;
  color: #ffffff;/* couleur des >> ou des | dans le petit bandeau de panier|compte...*/
  font-weight : bold;
  background-image:url(images/infochip/bandeau.gif);
}

TD.headerNavigation2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff00ff;/* couleur des >> ou des | dans le petit bandeau de panier|compte...*/
  font-weight : bold;
  height:45px;
  background: #527394;
  border: 1px;
  border-style: solid;
  border-color: #527394;
}

A.headerNavigation { 

  font-family: Verdana, Arial, sans-serif;
  color: #ffffff; /* couleur de compte | panier|... et d'accueil>>catalogue...*/
    font-size: 14px;
}

A.headerNavigation:hover {/*AVEC LA SOURIS DESSUS  couleur de compte | panier|... et d'accueil>>catalogue...*/
  color: #aabbdd;
}

TR.headerError {
  background: #000000;
}

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

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/*ligne du bas avec la date et la faute d'orthographe*/
TR.footer {
  background: #ffffff;
	
}

TD.footer { /* Bandeau a du pied du site avec date et Infochip vente de matériel Informatique*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  height:35px;
 background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
  background-image:url(images/infochip/bandeau.gif);
}

.colissimo {
/*background: #aabbdd;*/
  background: #aabbdd;/* coté droit dans les boxes qui bug -> avant c t bleu*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.infoBoxcolissimo {
  border: 1px solid;
  border-color: #527394;
  }
  
.infoBox { /*Couleur du cadre des boxes*/
background:#527394;
/*background-image:url(images/infochip/menu_milieu.gif);*/
/*border-color:#527394;*/
}

.infoBoxLogin{
	border-color:#527394;/*couleur cadre fenetre enregistrement session*/
	background:#ffffff;/*couleur fenetre enregistrement de session*/
}

.infoBoxSearch{
	border-color:#527394;
	background:#527394; /*couleur sous "criteres de recherche"*/
	width:300;
}

.infoBoxContents {
  background: #ffffff;/* coté droit dans les boxes qui bug -> avant c t bleu*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  width:148px;
 /* background-image:url(images/infochip/menu.gif);
  background-repeat:repeat-y;
  margin-top:-1px;
  margin-bottom:1px;*/
}

/*Css pour le cadre du milieu */
.infoBoxContents2 {
  background: #ffffff;/* couleur de fond dans le panneau des mini photos des categories et nouveautés*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;/*taille de la couleur des prix dans les nouveautes*/
  color:#ff0000 /* couleur des prix dans Nouveaux produits  rouge */
  
  }

td.infoBoxHeader
{
	background: #527394;
	/*background-repeat:no-repeat;*/
	
}

td.infoBoxFooter
{
	width:147px;
	background-image:url(images/infochip/menu_bas.gif);
	background-repeat:no-repeat;
	
}

.infoBoxNotice {
  /*background: #FF8E90;*/
  /*background: #39004A;/*PUR MAUVE*/
  background:#527394
  
}

.infoBoxNoticeContents {
  background: #4EB9FF;  /*PUR BLEU CLAIR*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;/*taille des lettres des titres FIXES des boxes*/
  font-weight: bold;
  /*background: #bbc3d3;*/
  background-image:url(images/infochip/corner_right_left.gif);
/*  color: #990000;*//*couleur des titres fixes dans boxes */
  color:#ffffff;
}

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: #aabbdd;/*Couleur de fond 1 sur 2 FUTURS PRODUITS DISPONIBLES*/
}

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: #aabbdd;/*Couleur de fond 1 sur 2 FUTURS PRODUITS DISPONIBLES*/
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #527394; /*couleur du cadre de la fenetre "produits disponibles"*/
  border-spacing: 2px;/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffff;/*couleur de fond de la barre "produits disponibles"*/
  color:#527394;/*couleur des caracteres dans la barre "produits disponibles"*/
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;/*taille du titre et du prix dans "produits disponibles"*/
  background : #ffffff;/*couleur de fond de fenetre "produits disponible"*/
}

A.pageResults {
  color: #527394;/* Couleur des  résultats   1  2  3  [Suiv >>]*/
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  /*color: #527394;/* Le mot Nouveautes ou Catalogue en gros sous la banniere*/
  color: #527394;
}

TR.subBar {
  /*background: #f4f7fd;      couleur de fond de   --------------------------------------------------------------------------------------*/
  background: #527394; 
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
   color: #ffffff; /* probablement la couleur de mots dans un des bandeaux*/
}

TD.main, P.main { /* Text MAIN dans index.php */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color:#000000;
}

TD.smallText, SPAN.smallText, P.smallText { /* texte des produits + Prix Produits */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:000000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #ff00ff; /* PUR ROSE !!!!!!!*/
}

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: #ff4512;/* couleur texte dans panier : ajout d'objet -> Rouge */
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-color:#527394;/*couleur cadre des boites des quantites et de la Recherche !!! */

}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px; 
  border-color:#527394;  /* couleur de cadre de la "zone ajout de commentaire"*/
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #990000; /*couleur du prenom quand on est enregistré !! -> Bordeaux */
  font-weight: bold;
}

TABLE.formArea {
  background: #527394;
  border-color: #527394;
  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;/*Prix promo en rouge */
  font-weight: bold;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;/*message d'erreur en rouge*/
  font-weight: bold;
}

.moduleRow { }
.moduleRowOver { background-color: #527394; cursor: pointer; cursor: hand; }/*couleur passage de la souris sur moyen de paiement*/
.moduleRowSelected { background-color: #ffffff; }/*couleur de fond "frais envois"*/

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #527394; }/*pied de page de commandes : progression de l'inscription, du paiement ...*/

/* 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; }/*couleur de fond des messages d'erreur*/
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #527394; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #527394; }/* couleur etoiles données requises a l'enregistrement de compte*/

TD.banniere_gg {
	background-image:url(images/infochip/banniere_gg);
	width:260px;
}

TD.banniere_g {
background-image:url(images/infochip/banniere_g);
background-repeat:repeat-x;
}

TD.banniere_m {
background-image:url(images/infochip/banniere_m);
width:370px;
}

TD.banniere_dd {
	background-image:url(images/infochip/banniere_dd);
	width:258px;
}

TD.banniere_d {
background-image:url(images/infochip/banniere_d);
background-repeat:repeat-x;
}

.titre_boxes {
/*	color:#ffffff;*/
	font-size: 12px;/*taille des titres LIENS des boxes*/
	color:#ffffff;  /* titres des boxes Liens !! */
	font-weight: bold;
	text-decoration:none;
}

.select_manufacturer{
	width:100px;
}

.CouleurTabl
{
background-color:#000000;
}

div.background {
/*width: 155px; /*de l'image que j'ai utilisé pour l'essai*/
/*height: 150px; /*de l'image que j'ai utilisé pour l'essai*/
/*background: url("images/com_puter.jpg"); /* mets ton image*/
margin: 1px 1px; 
border: 1px solid black; /* tu mets la bordure que tu veux...voire un rappel de celle de tes box....*/
}


#lightbox{
            position: absolute;
            top: 100px;
            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: 20px;
            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/blank.gif) no-repeat; /* Trick IE into showing hover */
            display: block;
            }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 
 
#imageDataContainer{
            font: 10px Arial, 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 */
            }          
			</div>