/*
  $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 #5a5a5a;
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: #5a5a5a;
border: 2px solid #dfdfdf;
}

.hovermenu ul li a:hover{
background-color: #dfdfdf;
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/degrad.jpg);
 background-attachment: fixed;
 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;/*bleu tres clair flashy*/
	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: #dfdfdf;/* Couleur passage de la souris sur lien*/
  /*text-decoration: underline;*/
}

FORM {
	display: inline;
}

TR.header {     /* IMAGE : Infochip Informatique, multimédia, jeux vidéos ...*/
/* background: #5a5a5a;*/ 
  margin: 10px;
  /*background-image:url(images/bandeau.jpg);*/
  background:#5a5a5a;/* 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: #ffffff;/* couleur des >> ou des | dans le petit bandeau de panier|compte...*/
  font-weight : bold;
  height:45px;
  background: #5a5a5a;
  border: 1px;
  border-style: solid;
  border-color: #5a5a5a;
}

A.headerNavigation { 

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

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

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: 12px;
  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: 11px;
  height:35px;
 background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
  background-image:url(images/infochip/bandeau.gif);
}

.colissimo {
background: #dfdfdf;
}

.infoBox { /*Couleur du cadre des boxes*/
background:#5a5a5a;
/*background-image:url(images/infochip/menu_milieu.gif);*/
border-color:#5a5a5a;
}

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

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

.infoBoxContents {
  background: #808080;/* coté droit dans les boxes qui bug -> avant c t bleu*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 /* width:155px;*/
  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: #5a5a5a;
	/*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:#5a5a5a
  
}

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #5a5a5a; /*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:#5a5a5a;/*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: #5a5a5a;/* Couleur des  résultats   1  2  3  [Suiv >>]*/
}

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

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

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

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:#5a5a5a;/*couleur cadre des boites des quantites et de la Recherche !!! */

}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px; 
  border-color:#5a5a5a;  /* 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: #5a5a5a;
  border-color: #5a5a5a;
  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;
}

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

TD.BoxHeadingcart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background: #5a5a5a;
  border: none;
}
A.BoxHeadingcart {
  color: #fff;
}
A.BoxHeadingcart:hover {
  color: #dfdfdf;
} 

TD.Cart{
	color: #ffffff;
  background: #5a5a5a;
  border: none;
  }
/* FIN PANIER HEADER*/

.moduleRow { }
.moduleRowOver { background-color: #5a5a5a; 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: #ffffff; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #5a5a5a; }/*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: #5a5a5a; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #5a5a5a; }/* 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....*/
}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content a.next:hover { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer;outline:none; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer;outline:none; } /* Previous button */
	div.pictureHolder .content a.close { width: 72px; height: 26px; background: url(http://www.infochip.fr/catalog/images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer;outline:none; } /* Close button */
	
	div.pictureHolder .bottom .left { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(http://www.infochip.fr/catalog/images/prettyPhoto/loader.gif) top left no-repeat; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 1;
		width: 100%;
	}
	
	div.pictureHolder {
		position: absolute; z-index: 2;
		top: 50%; left: 50%;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .top { padding: 0 20px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .content {
			position: relative;
			background-color: #fff;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p { float: left; clear: left; margin: 0; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(http://www.infochip.fr/catalog/images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
			outline:none;
		}	
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(http://www.infochip.fr/catalog/images/prettyPhoto/btnPrevious.gif) -10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */ 
			outline:none;
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
			outline:none;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -16px 0 0 -16px;
			width: 32px; height: 32px;
		}
		
		div.pictureHolder #fullResImage { display: block; margin: 0 auto; }
            
 
.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>