/*
  $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
*/

.boxText { font-family: Verdana, Arial; font-size: 12px; color: #000000;}/*dans box recherche, de "utilisez" à "recherchez" et prix articles*/
.errorBox { font-family : Verdana, Arial; font-size : 12px; background: #000000; font-weight: bold; color: #00ffff;}
.stockWarning { font-family : Verdana, Arial; font-size : 20px; color: #000000; } /*quand produit plus en stock "produits marqués de *** ne sont plus en stock...*/
.productsNotifications { background: #ac2b46; }/*quand confirmation de commande : formulaire pour demander la notification sur les articles choisis. Page checkout_success.php*/
.orderEdit { font-family : Verdana, Arial; font-size : 12px; color: #000000; text-decoration: underline; }

BODY {/*body - couleur fond, couleur ecriture et marge*/
  background: #990033;
  color: #FFEB99;
  font-size: 14px;
  margin: 0px;
  font-family : Verdana, Arial;
}

img {border:0} 

.thumb {
	width:100px;
	height:75px; 
	margin:1px;
	float:left; 
	background-color:#D3D3D3; 
	display:block;
	} 

.thumb a {
	display:block;
	}

.thumb a:hover {
	position:absolute;	
	}	 
	
/*hack pour permettre le rollover 
de gauche à droite avec mozilla*/

body>.thumb a:hover {	  
	position:relative;	 
	}	
	
.thumb a img { 
	margin:0;
	padding:0;
	width:100px;
	height:75px; 
	}

.thumb a:hover img {
	position:relative;
	left:0px;
	top:80px;
	width:300px;
	height:225px;  
	} 

A.body {
color:#ffeb99;
}

A {/*couleur des liens - concerne les liens qui sont dans les box*/
  color: #000000;
  text-decoration: none;
}

A:hover {/*couleur des liens survolés - concerne aussi les liens qui sont dans les box*/
  color: #000000;
  text-decoration: none;
}

FORM {/* formulaire - inline pour que le formulaire reste sur une ligne (ex : dans un tableau si la cellule est trop petite)*/
	display: inline;
}

TR.header {/*en-tête */
  background: #FFEB99;
}

TR.underheader{/*ligne "A la rencontre des cultures du Monde..."*/
font-family: Verdana, Arial;
font-size: 25px;
color: #FFEB99;
}

TR.headerNavigation {/* ligne du header*/
  background: #ffeb99;
}

TD.headerNavigation {/*barre de navigation en haut de page - accueil, catalogue etc...*/
  font-family: Kristen ITC, Comic sans MS;
  font-size: 14px;
  background: #343539;
  color: #FFEB99;
  font-weight : bold;
  width: 45%;
  height: 30px;
}

A.headerNavigation{ /*liens dans barre de navigation*/
  color: #FFEB99
}

TR.headerNavigationContinents { /*pour la ligne de header "continents" */
  background: #ffeb99;
}

TD.headerNavigationContinents { /* la ligne de header "continents" */
  font-family: Kristen ITC, Comic sans MS;
  font-size: 10px;
  background: #ffeb99;
  color: 000000;
  font-weight: bold;
  height: 26px;
  padding: 3px 0px 0px 0px;
}

A.headerNavigationContinents { /*liens dans barre de navigation*/
  color: #FFEB99
}

TD.headerDrapeaux {    /*fond des drapeaux dans le header */
  background: #ffeb99;
  padding: 2px 0px 0px 0px;
  }
  
TD.smartpages {    /*pour les smartpages */
  color: #FFEB99;
  font-size:14px;
  }
 
A.smartpages {    /*pour les smartpages */
  color: #FFEB99;
  font-size: 14px;
  }

TR.smartpages {
  color: #FFEB99;
  }

A.footer{
  color: #AC2B56;
}

A.headerNavigation:hover {/* liens survolés dans barre navigation*/
  color: #FFEB99;
}

A.headerNavigation:visited {/* liens visités dans barre navigation*/
  color: #FFEB99;
} 
 
A.headerNavigationContinents{ /*liens dans barre de navigation*/
  color: #FFEB99;
}

TR.headerError {/*??????????????????????????????????????????????????????????????????????????????????????????????????????????*/
  background: #00FF00;/*vert qui pète*/
}

TD.headerError {/* ????????????????????????????????????? concerne aussi le cadre d'avertissement pour bien revenir sur la boutique après avoir payé dans fichier checkout_payment_ext.php */
  font-family: Verdana, Arial;
  font-size: 12px;
  background: #FFEB99; 
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {/*???????????????????????????????????????????????????????????????????????????????????????????????????????*/
  background:#FF00FF; /*violet*/
}

TD.headerInfo {/* ????????????????????????????????????????????????????????????????????????????????????????????????????????? */
  font-family: Verdana, Arial;
  font-size: 12px;
  background: #FE01D8; /*rose*/
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {/* ligne au dessus de la ligne avec la date et le nbre de requêtes (remplacé par ART ET DECO DU MONDE - mail .... etc) */
  background: #41BA89;
  color: #000000;
}

TD.footer {/* ligne du footer avec date du jour et nombre de requêtes */
  font-family: Kristen ITC, Comic sans MS;
  font-size: 14px;
  background: #FFEB99;
  color: #AC2B46;
  font-weight: bold;
}


.infoBox {/* bordure des box à droite et à gauche */
  background: #ffeb99;
  color: #000000;
}

.infoBoxContents {/*l'interieur des box droite et gauche"*/
  background: #FFEB99;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
}

.infoBoxNotice {/* quand par exemple erreur de saisie de CB : en haut de page vient une info box pour signaler l'erreur : fond violet / bordure jaune */
  background: #ffff46;/*jaune*/
  color: #000000;
}

.infoBoxNoticeContents {/* fond de la info box - voir ci-dessus */
  background: #AC2B46;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
}

.ProduitDescription {/*la couleur du texte description du produit - couleur pour le texte "avis client : 1" se trouve ds la page includes/languages/french/products_info.php */
  color: #ffeb99;
  }

TD.infoBoxHeading {/*ligne de titre des box */
  font-family: Kristen ITC, Comic sans MS;
  font-size: 12px;
  font-weight: bold;
  background:#5A5E67;
  color: #FFEB99;
  text-align: center;
  border: 1px;
  height: 30px;
}

TD.infoBox, SPAN.infoBox { /* ???????????????????????????????????????????????????????????????????????????????????????????????????? */
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #0012B9;/*bleu roi*/
}

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: #FFEB99;/*couleur du fond de la cellule des "prochains produits" en bas du body et des lignes indiquant les produits dispos dans les catégories*/
  color: #AC2B46;
}

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: #FFEB99;/*couleur du fond de la cellule du panier*/
  color: #000000;
}

TABLE.productListing { /*tableau listant les articles dans "qu'y a-t'il dans cette catégorie ?"*/
  border: 1px;
  border-style: solid;
  border-color: #990033;
  border-spacing: 1px;
  color: #000000;
  text-align: center;
}

.productListing-heading { /* ligne en gras du tableau "produits disponibles*/
  font-family: Verdana, Arial;
  font-size: 12px;
  background: #AC2B46;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data { /*  réponse à la recherche quand "il n'y a aucun article correspondant à vos critères de recherche" */
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
  }

A.pageResults { /* lien vers la page de resultat*/
  color: #000000;
}

A.pageResults:hover { /* lien survolé vers la page de resultat*/
  color: #000000;
  background: #F0C755;
}

TD.pageHeading, DIV.pageHeading {/*concerne phrase "envie d'éxotisme et d'évasion" en haut de page*/
  font-family: Verdana, Arial;
  font-size: 24px;
  font-weight: bold;
  color: #000000; 
}

TR.subBar { /* ??????????????????????????????????????*/
  background: #00ff00;/*vert fluo*/
}

TD.subBar { /*cellule  ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #00ff00;
}

TD.main, P.main { /* infos generales sur lignes d'ecriture : espacement lignes, police etc ...*/
  font-family: Verdana, Arial;
  font-size: 14px;
  line-height: 1.6;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText { /* texte en bas de page UNIQUEMENT pour "date de disponibilité", "Copyright@2003" et "Powered by" */
  font-family: Verdana, Arial;/*le texte "traduction par Delaballe" se trouve en bas de la page "french.php"*/
  font-size: 12px;
  color: #000000;
}

TD.accountCategory { /* ?????????compte membre ????????????????????????????????????????????????????????????????????????????????????????????????*/
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #00FF00;/*écriture verte*/
}

TD.fieldKey {/*dans "recherche avancée" quand on fait "retour" on peut choisir selon l'article, le prix etc ...*/
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

TD.fieldValue {/*..................ecriture dans choix pour recherche par prix, objet etc ..?????????????????????????*/
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #00ff00;/*écriture violette*/
  }

TD.tableHeading {
  font-family: Verdana, Arial;
  font-size: 14px;
  font-weight: bold;
}

SPAN.newItemInCart {/*description du panier (1xlampe marocaine etc...)*/
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
}

CHECKBOX, INPUT, RADIO, SELECT {/*quand il y a la possibilité de faire un choix*/
  font-family: Verdana, Arial;
  font-size: 12px;
}

TEXTAREA {/*Zone de texte pour le client : commentaire pour sa commande, avis sur article etc ...*/
  width: 100%;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
}

SPAN.greetUser { /* pour accueil visiteur connu : "bonjour Julia" */
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #FFEB99;
  font-weight: bold;
}

TABLE.formArea {/*dans box comme "recherche avancée", ou "écrire un avis" ou dans le body "cliquez ici pour agrandir l'image"*/
  background:#FFEB99;
  border-color: #663E10;
  border-style: solid;
  border-width: 2px;
  color: #000000;
}

TD.formAreaTitle {/*????????????????????????????????????????????????????????????????????????????????????????????????????????????*/
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

SPAN.markProductOutOfStock {/*indication lors de la commande comme quoi le produit n'est plus en stock dans la quantité désirée*/
  font-family: Verdana, Arial;
  font-size: 14px;
  color: #ff0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {/*quand prix offre spéciale*/
  font-family: Verdana, Arial;
  color: #11C711;
  font-weight: bold;
}

SPAN.errorText {/*texte surligné dans l'index mais uniquement pour l'administration "[path to catalog]/includes/languages/english/index.php" etc.../ avant avoir modifié le texte d'accueil*/
  font-family: Verdana, Arial;
  color: #ffcc00;
  font-weight: bold;
}

.moduleRow { }/*Par exemple lorsqu'on veut payer : choix entre les différents moyens de paiement : couleur ligne au passage de la souris et couleur ligne quand choix selectionné*/
.moduleRowOver { background-color: #AC2B46; cursor: pointer; cursor: hand; }/*couleur de ligne quand la souris passe dessus lors du choix de paiement : CB ou à livraison*/
.moduleRowSelected { background-color: #AC2B46; }/*couleur de cellule/ligne lorsqu'on passe la souris : moyen de paiement, commandes précédentes*/

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial; font-size: 14px; color: #AC2B46; } /* pendant la commande : étapes de la commande en bas de la page : information livraison / information paiement / confirmation  /  commande validée*/
.checkoutBarCurrent { font-family: Verdana, Arial; font-size: 14px; color: #FFEB99; } /* pendant la commande : étape en cours qui est dans une couleur différente*/

/* message box */

.messageBox { font-family: Verdana, Arial; font-size: 14px; } /* concerne les messages lors de l'inscription, ou creation compte ou autre */
.messageStackError, .messageStackWarning { font-family: Verdana, Arial; font-size: 14px; background-color: #000000; color: #AC2B46; font-weight: bold;} /*ligne quand message d'erreur . ex : adresse email erronée*/
.messageStackSuccess { font-family: Verdana, Arial; font-size: 14px; background-color: #ffcc00; color: #000000;}/*ligne en surbrillance quand fait avec succès*/

/* input requirement */

.inputRequirement { font-family: Verdana, Arial; font-size: 14px; color: #FF0000; } /* couleur des astérisques pour les infos obligatoires de la fiche d'inscription pour ouvrir un compte */


/*pour agrandissement images au passage de la souris*/

p.legende {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-family: Verdana, Arial, sans-serif;
  font-style: none;
  font-size: 70%;
  line-height: 90%
}

.nomProduit {
  font-weight: bold; 
}

a span.popup {
    display: none;
}

a:hover span.popup {
    display: inline;
    position: absolute;
    left: 28%;
    top: 220px;
    padding:10px;
    text-align: center;
    border: 3px inset #E2E7CC;
    background-color: #FFFFFF;
    text-decoration: none;
    z-index:auto;
}

.PhotoProduit {
  float: right;
  text-align: center;
  margin: 5px;
}
  
#conteneur {
  position:relative;
}

.carousel_container { /*cadre dans lequel se trouve le caroussel*/
  width: 95%;
  height: 300px;
  margin: 0px auto;
  border: 1px solid #CCCCCC;
  background-color:#FFEB99;
  text-align: center;
}

 
TD.CategoriesHeader { /*pour les liens vers les types de produits dans le header */
  font-family: Kristen ITC, Comic sans MS, Verdana, Arial;
  font-size: 12px;
  background: #FFEB99;
  color: #000000;
  text-align: center;
  font-weight: none;
}

TR.CategoriesHeader {
  font-family: Kristen ITC, Comic sans MS, Verdana, Arial;
  font-size: 12px;
  background: #FFEB99;
  color: #000000;
  text-align: center;
}

 /* style tarifs colissimo  */
.colissimo {
  background: #FFEB99;
  border: solid 1px #000000;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
 }
 
  /* style bon de commande  */
.bdc {
  background: #FFEB99;
  border: solid 1px #000000;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
 }
 
 /* BOF Dynamic Sitemap */
  ul.sitemap { /* : les puces des listes */
  font-size: 14px;
  }
 TD.sitemap, P.sitemap {
  color: #FFEB99;
  font-size: 16px;
  }
  /* EOF Dynamic Sitemap */
  
div.OnMouseDown{
onmouseover: #000000;
}