/* 
	
	shop.css contient les styles propres à Cybershop, nécessaires pour le bon fonctionnement et l'affichage
	correct du site. Pour les utilisateurs non-avertis, vous voudrez bien n'effectuer aucune opération de
	modification à l'intérieur de ce fichier afin de garantir la pérénnité de votre site internet.
	
	Pour la personnalisation avancée de votre charte graphique, vous pouvez à loisir utiliser le fichier CSS
	importé ci-après "perso.css" ; celui-ci contient les styles généraux propres à la boutique et permettant
	d'effectuer rapidement les modifications nécessaires pour personnaliser entièrement celle-ci.
	
	Ces deux feuilles de style sont organisées par rubriques pour permettre une meilleure lisibilité.
	
	Nous déclinons toutes responsabilités quand à la mauvaise utilisation de ces fichiers entraînant 
	des problèmes d'affichage sur le site.
	
	François pour Nemesis Softwares
	copyright Cybershop 2009
	
*/


/* import de la feuille de style externe 
pour gérer tous les styles propres à la boutiques */
	@import url("perso.css");


/* STYLES by TAG */
	body{background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:10px; color:#707070; padding:1px; margin:1px; }
	
	img{border:none;}
	
	td{font-size:12px; font-family:Arial, Helvetica, sans-serif; }
	
	a{color:#2e2e2e; font-weight:bold; text-decoration:none; }
	a:hover{text-decoration:underline; }

	
/* STYLES by CLASS */
	/* GENERAL */
	
		.wide{width:100%; height:100%; }
		
		/* fond du site */
		.CouleurFond{background:#ffffff;}
		
		/* espacement gauche et droit */ 
		.Espace{padding:0 10px 10px 10px; }
	
	/* PARTICULIER */
	
		/* barre de menu haut de page */
		.BarreCentre{background:url(../images/BarreHautCentre.gif) repeat-x bottom; width:100%; height:49px;}
		.Barretexte{padding-top:8px; }
		.BarreSepare{background:url(../images/BarreHautSepare.gif) no-repeat bottom left; width:2px; height:49px; }
		
		/* module de recherche */
		.recherche{padding-right:5px; color:#ffffff; font-weight:bold;}
	
		/* caddie interactif */
		.price{color:#00bdda;}
		
		/* barre de menu bas de page */
		.MenuBasTexte{padding-right:10px;}
		
		
	
/* STYLES by ID */
	
	
	
/* STYLES by MODULES */
	
	/* PAGING (liens first | previous | x1 x2 xx | next | last) 
		@ shop$paging.asp / shop$colors.asp / shopdisplayproducts.asp */
	#PageNavTable{padding:10px 0 5px 0; }
	
		.pagingNum{width:39px; height:39px; font-weight:bold; text-align:center; padding:0 0 10px 0; cursor:pointer; }
		td.numpageOn{background:url(../images/numpageOn.jpg) no-repeat; color:#00bdda;}
		td.numpageOff{background:url(../images/numpageOff.jpg) no-repeat; color:#4a96a7; }
		td.numpageOff:hover{background:url(../images/numpageOn.jpg) no-repeat; color:#00bdda;}
	
		.pagingButton{width:75px; height:39px; font-weight:bold; text-align:center; padding:0 0 10px 0; cursor:pointer; }
		td.ButtonPageOff{background:url(../images/buttonpageOff.jpg) no-repeat; }
		td.ButtonPageOff:hover{background:url(../images/buttonpageOn.jpg) no-repeat; }
	
	.numpage{text-align:center; color:#4a96a7; font-weight:bold;}

	
	/* cadre haut encart listing produits */
	.boxprodhg{background:url(../images/boxprodhg.jpg) no-repeat bottom left; width:11px; height:47px; }
	.boxprodhc{background:url(../images/boxprodhc.jpg) repeat-x bottom; width:100%; height:47px; padding:5px 0 0 4px;}
	.boxprodhd{background:url(../images/boxprodhd.jpg) no-repeat bottom right; width:11px; height:47px;}
	
	
	/* LISTING PRODUITS
		 @ mod-mode-libre.htm / mod-mode-vignette.htm / mod-ext-crosselling.htm / shopdisplayfrontpage.htm / shoplistonsale.htm / shoplistnew.htm */
	.listingTable{padding:0; border:0; width:100%;}
	.listingTitle{font-size:12px; font-weight:bold; color:#3f6471; text-align:center;}
	.listingImage{border-bottom:1px dotted #aaaaaa; text-align:center;}
	.listingDesc{border-bottom:1px dotted #aaaaaa; text-align:justify; height:50px;} 
	.listingPrice{font-size:14px; font-weight:bold; color:#181818; text-align:center; height:35px; vertical-align:middle;}
	.listingAction{border-left:1px dotted #aaaaaa; text-align:center;}
	.moreinfo{width:100%; text-align:center; padding:5px 0 0 0;}
		
		/* style ancien prix */
		.retailprice{font-size:12px; font-weight:bold; color:#FF0000; text-align:center; text-decoration:line-through;}
		
		/* table des produits */
		.ProdCol{vertical-align:top; text-align:center; padding:5px; border-style:dotted; border-color:#adadaf; border:none; width:50%; }
		.ProdColumn{width:50%; }
		/* si l'on souhaite voir des lignes de séparation entre les produits, décommenter les lignes ci-après */
		/*
		.ProdColumn1{width:25%; border-width:0px 1px 1px 0px; }
		.ProdColumn2{width:25%; border-width:0px 0px 1px 0px; }
		.ProdColumn3{width:25%; border-width:0px 1px 0px 0px; }
		.ProdColumn4{width:25%; border-width:0; }
		*/
	
	/* FICHE PRODUIT
		@ mod-description-etendue.htm / mod-description-etendue-NoBtn.htm / mod-description-etendue-popup */
	.uniqueTable{padding:0; border:0; width:100%;}
	.uniqueTitle{font-size:12px; font-weight:bold; color:#3f6471; text-align:center;}
	.uniqueDesc{border-bottom:1px dotted #aaaaaa; text-align:justify; }
	.uniqueImage{float:left; padding:0 10px 0 0; }
	.uniquePrice{color:#181818; font-size:16px; text-align:center; }
	.uniqueOrder{border-left:1px dotted #aaaaaa; text-align:center; }
	.uniqueLinks{border-top:1px dotted #aaaaaa; }
		
		/* Prix du produit dans la fiche produit */
		.ProdPriceFont{color:#000000; font-weight:bold; font-size:12px;}
		
		/* Ancien prix du produit dans la fiche produit */
		.ProdRetailPriceStart{color:#fe8300; font-weight:bold; font-size:12px;}
		
		/* Mise en forme du texte correspondant à l'économie réalisée dans la fiche produit */
		.savefont{color:#1B5F76; font-weight:bold; font-size:12px;}
		
		/* Total commentaires  */
		.displaytotalcommentsfont{font-weight:bold; color:#3f6471;}
		
		/* titre vente croisée */
		.venteCroisee{color:#00bdda; font-weight:bold; text-align:center;}
		
	
	/* TOP TEN
		@ shopdisplaybestsellers.htm */
	ul.topten{list-style-type:none; padding:0; margin:0;}
	ul.topten li{background:url(../images/puce1.gif) no-repeat 0 .5em; padding:0 0 .6em .6em; font-size:11px; font-weight:bold; border-bottom:1px dotted #666666;}
	
	/* BOUTONS 'details' & 'order' */
		#detailsTable{width:100px;}
			#detailsLeft{background:url(../images/GaucheBoutDetails.gif) no-repeat top right; width:12px; height:16px;}
			#detailsMid{background:url(../images/CentreBoutDetails.gif) repeat-x top; width:90%; height:16px; padding-left:3px; text-align:left;}
			#detailsRight{background:url(../images/DroitBoutDetails.gif) no-repeat top left; width:6px; height:16px;}
		
		#orderTable{width:100px;}
			#orderLeft{background:url(../images/GaucheBoutOrder.gif) no-repeat top right; width:12px; height:16px;}
			#orderMid{background:url(../images/CentreBoutOrder.gif) repeat-x top; width:90%; height:16px; padding-left:3px; text-align:left;}
			#orderRight{background:url(../images/DroitBoutOrder.gif) no-repeat top left; width:6px; height:16px;}
	
		#buttonSpacer{width:12px; height:17px; src:url(../images/spacer.gif);}
		
		.details{font-size:11px; color:#ffffff; font-weight:bold; }
		.order{font-size:11px; color:#ffffff; font-weight:bold; }

	
	/* FIL D'ARIANE - TITRE PAGE        #e1eff0*/
	#BreadTable{width:100%; background:#ffffff; border-width:1px 1px 0 1px; border-style:solid; border-color:#ffffff; } /*#c9d8dd */
  #BreadTableAlt{width:100%; background:#ffffff; border:1px solid #ffffff; } /* cadre du fil d'arianne  color:#c9d8dd */
		.BreadTableCol{width:100%; font-size:14px; font-weight:bold; color:#323232; } /* color:#3f6471 */
		.processingExt{height:40px; width:8px; }	
		.processingON{color:#323232; font-weight:bold; text-align:center;} /* color:#e1eff0 */
		.processingOFF{color:#323232; text-align:center;} /* color #2f5461 */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* table des catégories et sous catégories            #e1eff00  */ 
	.CatColumn{font-size:14px; color:#3f6471; background:#ffffff; border:1px solid #c9d8dd; font-weight:bold; text-align:center; width:50%; vertical-align:top; }
	.CatHeaderImage{text-align:center;}
	.SubCatColumn{font-weight:bold; text-align:center;}
	
	
	/* Classe pour la mise en forme de bienvenue Nom Prénom */
	.bienvenue{font-size:13px;}
	
	/* cadre d'affichage de la zone client */
	ul.image{list-style-type:none; padding:0; margin:0;}
	li.image{background-image:url(../images/puce1.gif); background-repeat:no-repeat; background-position:0 .5em; padding-left:.6em; font-size:11px; font-weight:bold;}
	
	/* style pour la mise en forme des tables du processus client, de la recherche, des titres du site */
	.contourTable{border:1px solid #c9d8dd; width:100%;}
	.enteteTable{font-size:14px; font-weight:bold; color:#3f6471; background:#e1eff0; border-bottom:1px solid #c9d8dd;}
	.bordureTitre{border-top:1px solid #c9d8dd; border-right:1px solid #c9d8dd; border-left:1px solid #c9d8dd;}
	.titreTable{font-size:12px; font-weight:bold; color:#3f6471; background:#e1eff0; border-bottom:1px solid #c9d8dd;}
	.contourTableNewClient{border:1px solid #2f5461; background:#ffffff;}
	.enteteTableNewClient{font-size:14px; font-weight:bold; color:#dae5e6; border-bottom:1px solid #2f5461; background:#2f5461;}
	.tableMoncompte{height:170px;}
	.bordureTableCde{border:1px solid #2f5461;}
	.textetable{font-size:11px; color:#2e2e2e; font-weight:bold;}
	.titreTableModeLivraison{font-size:12px; font-weight:bold; color:#dae5e6; background:#2f5461; border-bottom:1px solid #c9d8dd;}
	.annuleCde{width:50%; border:1px solid #2f5461;}
	.cancelCol{font-weight:bold; }
	
	/* message d'erreur*/
	.erreur{border:1px dotted #5e9fb5; color:#b20000; text-align:center;}
	.fontErreur{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	/* Messages génériques diffusés par CyberShop pendant la navigation */
	.message{border:1px dotted #5e9fb5; color:#b20000; text-align:center;}
	.fontMessage{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	/* message offre spécial */
	.messageOffre{border:1px dotted #5e9fb5; color:#b20000; text-align:center;}
	.fontMessageOffre{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	
	/* caddie */ 
	.champQte{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:2px solid #c9d8dd;}
	.bordureCaddie{border-bottom:1px dotted #666666; border-right:1px solid #c9d8dd;}
	.bordureCaddieTotal{border-bottom:1px dotted #666666; border-right:1px solid #2f5461; border-left:1px solid #2f5461;}
	.TitleColumn{ background:#e1eff0; color:#3f6471; font-weight:bold;}
	.TitleColumnTotal{background:#2f5461; color:#dae5e6; font-weight:bold;}
	.totalRowLeft{background:#e1eff0; color:#3f6471; font-weight:bold;}
	.totalRowRight{background:#2f5461; color:#dae5e6; font-weight:bold;}
	.CartOriginalPrice{font-style:italic;}
	a.lienCaddie:link{color:#2e2e2e; text-decoration:none;}
	a.lienCaddie:visited{color:#2e2e2e; text-decoration:none;}
	a.lienCaddie:hover{color:#2e2e2e; text-decoration:underline;}
	

	


input.Custtxtfield{height:18px;}

.Custtxtfield {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
	color:#2B3E52;
	background:#ffffff;
	border:1px solid #c9d8dd;
}

.Custsubmitbtn{
	height:18px;
  color:#2B3E52;
  font:bold 11px Arial, Helvetica, sans-serif;
  background:url(../images/fondBouton.gif) repeat-x #c5e0e5; 
  border:1px solid;
  border-color:#cbd9de #80bece #80bece #cbd9de ;
  cursor:pointer;
}

.CustsubmitbtnCde{
  height:18px;
  color:#dae5e6;
  font:bold 11px Arial, Helvetica, sans-serif;
  background:url(../images/fondBoutonCde.gif) repeat-x #254a57; 
  border:1px solid;
  border-color:#4a6f7c #254a57 #254a57 #4a6f7c ;
  cursor:pointer;
}

.Adminsubmitbtn{ 
	color:#000000; 
	font-weight:bolder; 
	font-size:11px; 
	font-family:Arial, arial; 
	background:#f7f7ff url(../images/bkgadmbtn.gif); 
	border:solid 1px #444;
}
 
.Custtxtfielddropdown{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
}



/* ---------------------------------------
		spécial shop$colors.asp
----------------------------------------*/

/* Asterisque des formulaires */
.Asterisque{color:#FF0000; font-weight:bold;}

/* Table products */
.Prodheaderfont{font-size:12px; font-weight:bold;}
.ProdSelectColor{text-align:center; color:#46648C;}

/* prix de base aveant remise */
.ProdOriginalPriceStart{font-style:italic;}

/* Option de commandes */
.ProdFeatureCaption{text-align:left; font-weight:bold;}
.FeatureUserText{font-weight:bold;}

/* Information dans la visualisation des commandes */
.FOrderFieldLeft{text-align:left; width:30%;}
.FOrderFieldRight{text-align:left; width:70%; font-weight:bold;}
.FOrderInfo{font-size:11px; font-weight:bold; width:100%; border:1px dotted #5e9fb5; color:#b20000; text-align:center; padding:5px 0 5px 0; margin:10px 0 10px 0;}
.FOrderNumber{font-size:12px; font-weight:bold; color:#000000;}
.FOrderCompany{font-size:12px; font-weight:bold;}
.FOrderComment{font-size:13px;}

/* Message pas de stock */
.OutOfStockColumn{font-size:11px; width:100%; border:1px dotted #5e9fb5; color:#b20000; text-align:center;}

/* Product Options */
.DeliveryFont{font-weight:bold; font-style:italic;}

/* Other fields for Customers table */
.CartFeatureCaption{font-weight:bold;}

/* Shopreview fonts */
.ReviewHeader{font-weight:bold; text-align:center;}

/* Mini caddie */
.MinitableShort{width:150px; border:1px solid #d5dde0;}
.MiniRow{ background:#abd3db;}
.MiniTitleFont{font-weight:bold;}
.MiniFont{font-size:10px;}

/* Style pour la description des catégories */
.catmemostart{text-align:center; width:100%;}
.productfilteringtable{background:#dddddd;}
.ProductFilteringRow{background:#f9f9f9;}
.productfilteringcolumn{font-weight:bold;}

/* Message produits occasion */
.crossusedfont{font-weight:bold; color:#660033;}

/* Message documents croisés */
.crossdocfont{font-weight:bold; color:#003366;}

/* message Offre spéciale */
.specialofferfont{font-weight:bold; color:#cc66ff;}

/* Date de disponibilité */
.displaydateavailablefont{font-weight:bold; color:#993366;}



/* Message ScreenShots */
.displayscreenshotsfont{font-weight:bold; color:#993366;}

/* interface de Comparaison des produits */
.comparetable{background:#dddddd;}
.comparerow1{background:#f9f9f9;}
.comparecellcolor{background:#f5f5f5;} /* classe des cellules de comparaions 1 */
.comparecellcolor2{}/* classe des cellules de comparaions 2 */

/* Messages génériques diffusés par CyberShop ASP pendant la navigation */
.SmallinfoFont{font-size:11px; color:bb0000;}
.LargeinfoFont{width:100%; padding:20px 0 20px 0; font-weight:bold; color:#707070; text-align:center;}

/* message offre spécial */
.ProdSpecialColor{color:#0000ff;}

/* tracking rows */
.colorOut{background:#f9f9f9;}
.colorOver{background:#2f5461; color:#dae5e6;}

/* ShopAdminWriteHeader */
.ShopAdminWriteHeaderTableStart{border:1px solid silver; background:#f9f9f9;}
.ShopAdminWriteHeaderFont{font-weight:bold;} 

/* most popular faq, search */
.FaqtableDefPop{background:#dddddd;}
.FaqtableDefHeadrowPop{background:#666699;}
.FaqtableDefHeadColPop{font-weight:bold; color:#ffffff;}
.FaqtableDefrowPop{background:#f9f9f9;}
.FaqVotetablebgcolor{background:#dddddd;}
.FaqVoterow{background:#eeeeee;}

/* shopa_displaycustomer.asp */
.EightCols{background:#666699;}
.FourCols{background:#dedede;}

/* RMA */
.RMAheadercol{color:#ffffff;}

/* Filet de navigation du processus de commande */
.OprossBarTable{background:#dddddd;}
.OprossBarRow{background:#f9f9f9;}

/* login form */
.loginformCol2{padding:5px 0 5px 0;}

/* Quantity based prices listing on product display */
.QuantityPriceMessage{color:navy; font-weight:bold;}
.QuantityPriceTabletag{background:#eeeeee; border:1px #dddddd dotted;}
.QuantityPricetitlerow{background:#dadada;}
.QuantityPricerows{background:#dadada;}

/* SMS messages */
.smsFont{font-style:italic;}