/*
  $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
  
  la couleur de base du site est #efc3e4 rose pâle
  couleur des boutons #e24485 fuchsia
  couleur de fond #bfbebe
  couleur de cadre #787878 gris 
  couleur de texte recherhce #757575 gris anthracite
  couleur de fond des articles 1 sur 2 du panier #fedcf6
  couleur du fond gris clair #848484
  couleur du fond gris plus clair #c1c1c1
  couleur rose plus foncé titre #f38fe6
  couleur mauve pour lien #891e90
  
  */

.boxText { font-family: Comic Sans Ms, impact, Verdana, Arial, sans-serif; font-size: 10px; text-decoration:none } /*texte contenu dans les menu latérau */
.errorBox { font-family : Comic Sans Ms, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } /* couleur du texte lors d'une erreur system */
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 14px; color: #ffffff; font-weight : bold; text-decoration: blink; } /* couleur du texte lors d'un manque de stock */
.productsNotifications { background: #9a9a9a; } /* pour la page de confirmation de commande */
.orderEdit { font-family : Comic Sans Ms, Verdana, Arial, sans-serif; font-size : 10px; color: #000000; text-decoration: underline; } /* texte de fin de commande  (editer)*/
.email { font-family: Comic Sans Ms, impact, Verdana, Arial, sans-serif; font-size: 14px; text-decoration:none } /*texte contenu dans le message de réponse à l'envoie d'un mail*/


BODY {
	background: #ffffff; /* couleur de fond de page */
	/*background-image: url('images/fond.jpg'); permet de mettre une image dans le fond des menus */
	color: #000000;
	background-repeat: no-repeat; /* l'image ne se répète pas */
	background-position: center;
	background-attachment: fixed;
	margin: 0px; /* marge exterieur de la page */
} 

A {
  color: #000000; /*couleur des liens */
  text-decoration: none; /* décoration sur les liens */
}

A:hover {
  color: #891e90; /* couleur des liens lorsque l'on est au dessus */
  text-decoration: underline; /*masque lorsque l'on pointe dessus */
}

FORM {
	display: inline;
	color: #000000; /* couleur pour le texte en dessous de recherche et également celui qui est indiqué en haut des article (afficher) */
}

TR.header {
  background: #a9a9a9; /* couleur de fond de page en tête */
  background-image: url('images/fond.jpg'); /*permet de mettre une image dans le fond des menus */

  }

TR.headerNavigation {
  background: #a9a9a9;  /*couleur de la barre de séparation header body */
}

TD.headerNavigation { /*barre de menu haute avec accueil mon compte mon pagnier etc */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000; /* couleur des éléments de séparation pour changer la couleur du texte voir A.headerNavigation */
  font-weight : bold;
}

A.headerNavigation { /* couleur des texte de la barre de menu */
  color: #000000; 
}

A.headerNavigation:hover { /* couleur du texte lorsque l'on passe dessu avec la souris*/
  color: #891e90;
}

TR.headerError { /* couleur de fond lorsqu'il y a des erreurs sur le site */
  background: #e24485;
}

TD.headerError {  /* couleur de fond lorsqu'il y a des erreurs sur le site */
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #e24485;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo { /* lorsqu'un message est envoyé dans le header cela change la couleur du fond  cadre*/
  background: #a9a9a9;
}

TD.headerInfo { /* lorsqu'un message est envoyé dans le header cela change la couleur du fond */
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #a9a9a9;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer { /* couleur de fond de la barre en bas de page  cadre*/
  background: #ff0000;
}

TD.footer { /*barre de menu basse avec date etc */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #a9a9a9;
  color: #000000;
  font-weight: bold;
}

.infoBox { /*couleur des contours de cadres du site */
  background:#a9a9a9;
}

.infoBoxContents { /* couleur de fond des menus */
  background: #efc3e4;
  /*background-image: url('images/hawai.jpg'); */ /*permet de mettre une image dans le fond des menus */
  font-family:  Verdana, Arial, sans-serif;
  font-size: 10px;
}

.barrebasse { /* couleur de fond des menus */
  background: #a9a9a9;
  /*background-image: url('images/barremenu.gif'); permet de mettre une image dans le fond des menus */
  font-family:  Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice { /* lorsque le client se trompe lors d'une mauvaise entré dans son numéro de carte bleu une fenêtre s'ouvre et c'est le tour du cadre */
  background: #FF8E90;
}

.infoBoxNoticeContents { /* lorsque le client se trompe lors d'une mauvaise entré dans son numéro de carte bleu une fenêtre s'ouvre et c'est l'intérieur du cadre */
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading { /* barre de titre des cadres menu */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #a9a9a9;
  color: #000000;
}

SPAN.lepanier, SPAN.nouveaute, SPAN.commentaire, SPAN.promo { /* texte  dans la barre de menu du panier */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #a9a9a9;
  color: #000000;
}

SPAN.lepanier:hover, SPAN.nouveaute:hover, SPAN.commentaire:hover, SPAN.promo:hover { /* lorsque la souris passe dessus */
  color: #891e90; /* couleur des liens lorsque l'on est au dessus */
  text-decoration: underline; /*masque lorsque l'on pointe dessus */
}


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: #ffffff; /* couleur de fond du cadre lorsque l'on selectionne un article */
}

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: #fedcf6; /*couleur de fond des articles 1 sur 2 du panier*/
}

TABLE.productListing { /*cadre du contenu panier où l'on trouve les articles */
  border: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  border-spacing: 0px;
}

.productListing-heading { /* partie supérieur du cadre contenu des articles du panier */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #a9a9a9;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data { /* panier taille du texte reprenant les infos de l'article */
  font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults { /* indiquateur de page suivante en bas des articles ///////////////////////////////////////////////////////////////////////////////////////*/
  color: #000000;
}

A.pageResults:hover { /* indiquateur de page suivante en bas des articles //////////////////////////////////////////////////////////////////////////////*/
  color: #000000;
  background: #a9a9a9;
}

TD.pageHeading, DIV.pageHeading { /* texte noté en haut du corp du message */
  font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #f38fe6;
}

TR.subBar { /* couleur des barres de navigation */
  background: #ff0000;
}

TD.subBar { /* texte des barres de navigation */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

TD.main, P.main { /* contenu du corp du message */
  font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText { /* texte en dessous des articles */
  font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
  font-size: 10px;
}

SPAN.smallText, P.smallText { /* texte  en bas de page et date est heure en bas du corp principale */
  font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory { /* lorsque l'on est dans notre compte couleur lors du passage de la souris et taille du texte */
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #ff0000;
}

TD.fieldKey { /* lorsque l'on loggé  ? */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue { /* lorsque l'on loggé  ? */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading { /* lorsque l'on loggé  ? */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart { /* lors de l'ajout d'un nouvelle article en haut à droite */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #e24485;
}

CHECKBOX, INPUT, RADIO, SELECT { /* texte dans les menu déroulent */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA { /* texte pour les comentaire article */
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser { /* texte de bienvenu ( nom de l'utilisateur ) */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea { /* lorsque l'on loggé  cela change la boite information compte edit information et ajout d'adresse */
  background: #f1f9fe;
  border-color: #a9a9a9;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {/* lorsque l'on loggé  cela change le titre de la boite information compte edit information et ajout d'adresse*/
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock { /* couleur et texte pour les produit hors stock */
		position:relative; /*positionement par rapport au coin en haut à gauche attention dans les colones cela change */
		z-index:5; /*indique quelle élément doit être placer en premier position (la valeur la + forte est au dessus*/
		left:3px; /* déplacement sur la largeur de l'encadrement */
		top:88px; /* pour éditer le placement en hauteur du texte */
		width:150px; /*largeur de l'encadrement */
		height:0px; /*déplacement en hauteur de l'encadrement */
		background-color:#efc3e4; /* couleur du fond */
		color:#ffffff; /* couleur du texte pas dispo */
		padding:5px 35px 3px 34px; /* marge haute à l'intereieur du cadre */
		text-align:center; /* alignement du texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		text-decoration:blink; /*décoration sur le texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		font-size:140%; /*taille des caractaire enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		font-family: Comic Sans Ms, CVerdana, Arial, sans-serif; /*police du texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock  */
		font-weight:bold; /* gras itatlique etc enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
}


SPAN.productSpecialPrice { /* produit en solde /////////////////////////////////////////////////////////////////////////////////////////////////*/
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
}

SPAN.errorText { /* style pour les message d'erreur */
  font-family: Verdana, Arial, sans-serif;
  color: #e24485;
}

.moduleRow { } /* style pour le module d'envoie et de paiement */
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } /* lorsque l'on choisit le type de paiment passage de la souris dessus */
.moduleRowSelected { background-color: #ffffff; } /* lorsque l'on clique sur le choix de l'envoie celui-ci se colore */

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* texte pour l'avancement dans le checkout */
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #891e90; } /* texte postion actuel dans l'avancement du check out */

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } /* couleur lorsque l'on essaie de supprimer son adresse principale */
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #e24485; } /* couleur lorsque l'on essaie de supprimer son adresse principale */
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #e24485; } /* couleur lorsque l'on essaie de supprimer son adresse principale */

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #787878; } /* couleur des astérix et mention obligatoire lorsque l'on est loggé */


/* note dans créer un compte pour changer la couleur */
SPAN.note {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/* definition de picsengine */
SPAN.definition_picsengine {
	font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
	text-decoration: blink; /* décoration sur les liens */
}

/* couleur du texte et du fond pour le message lorsqu'il n'y a pas de produit ref voir ligne 149 dans catalog/include/modules/product_listing.php */
SPAN.pasdeproduit {
	font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
	background-color: #e24485;
}

A.accueil{
 color: #e24485;
}

A.accueil:hover{
 color: #f38fe6;
}
/*première ligne du catalog en gras */
SPAN.premiereligne {
 font-family: Comic Sans Ms, Verdana, Arial, sans-serif;
 font-size : 10px;
 font-weight: bolder;
 }
SPAN.deuxiemeligne {
 font-family: Verdana, Arial, sans-serif;
 font-size : 10px;
 font-style: italic;
 
}

A.test { /* couleur et texte pour le logo facebook*/
		position:relative; /*positionement par rapport au coin en haut à gauche attention dans les colones cela change */
		z-index:0; /*indique quelle élément doit être placer en premier position (la valeur la + forte est au dessus*/
		left:150px; /* déplacement sur la largeur de l'encadrement */
		top:00px; /* pour éditer le placement en hauteur du texte */
		width:0px; /*largeur de l'encadrement */
		height:0px; /*déplacement en hauteur de l'encadrement */
		color:#ffffff; /* couleur du texte pas dispo */
		padding:3px 1px 3px 1px; /* marge haute à l'intereieur du cadre */
		text-align:center; /* alignement du texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		text-decoration:blink; /*décoration sur le texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		font-size:140%; /*taille des caractaire enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
		font-family: Comic Sans Ms, CVerdana, Arial, sans-serif; /*police du texte enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock  */
		font-weight:bold; /* gras itatlique etc enregistré dans le paneau admin->configuration->stock->affichage des produits hors stock */
}