/*********************************************************/
/**** contient tout ce qui est necessaire              ***/
/**** aux  page.php (nom<>ACCUEIL)                     ***/
/*********************************************************/
/*###########################################################################*/
/*########################## BLOC CENTRE ####################################*/
/*###########################################################################*/
/*---------------------------------------------------------------------------*/
/*---------------------------produits en ligne ------------------------------*/
/*---------------------------------------------------------------------------*/
/* ---   RAYON affichage ligne ou catalogue ------- */
.produitsLG {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	text-align:left;
	padding:0px;
	}
.produitsLG a {
	color: #382c28;
	}
.produitsLG a:hover{
	color: #0686f4;
	text-decoration:underline;
	}
.produitsLG th {
	background:#cccccc;
	}
.produitsLG tr {
	border: 1px solid white;
	}
.produitsLG td, .produitsLG th {
	border: 1px solid white;
	padding:1px 5px;
	vertical-align:middle;
	}
.produitsLG td.b0 {
	border: 0px;
	}
.produitsLG .iii { /* pour logo addpanier ... */
	margin-left:5px;
	}
.produitsLG .prix {
	text-align:right;
	font-weight:bold;
	font-size:10px;
	}
.produitsLG .imgReduite {
	text-align:center;
	vertical-align:middle;
	padding:3px;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------CATALOGUE --------------------------------------*/
/*---------------------------------------------------------------------------*/
/* utilise les css de .produitsLG */
#catalogue {
	/* width: 640; */
	}
#catalogue .produitsLG {
	clear:both; /* bouton en float */
	margin:0px;
	width:100%;
	font-size:10px
	}
#catalogue a {
	color: #0686f4;
	}
#catalogue a.categorie, #catalogue a.marque {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #0000FF;
	}
#catalogue a:hover {
	text-decoration:underline;
	}
#catalogue td.prix {
	font-weight:bolder;
	font-size:9px;
	text-align:right;
	}
#catalogue td.loupe {
	background-image: url(/php/boutique/objets/catalogue/loupe.gif);
	background-position: center center ;
	background-repeat:no-repeat;
	width:15px;
	}
#catalogue .header {
	color: white;
	font-weight: bold;
	background: #aca899;
	font-size:11px;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------RAYON ------------------------------------------*/
/*---------------------------------------------------------------------------*/
#rayon {
	font-size: 11px;
	}
#bandeauRayon strong {color: red;}
#bandeauRayon img { margin-right:5px; }
#bandeauRayon a {
	font-weight: bold;
	white-space:nowrap;
	}
#bandeauRayon .chemin a{
	font-weight: normal;
	}
#bandeauRayon .navigation {padding-bottom:3px;}
#bandeauRayon .compteur {	
	font-size:12px;
	font-weight: bold;
	font-style:italic;
	}
#bandeauRayon .rechercheAvance {
	white-space:nowrap;
	margin-top:5px;
	}
#bandeauRayon .rechercheAvance a, #bandeauRayon .rechercheAvance {
	font-size: 9px;
	font-weight: bold;
	color:#0686f4;
	}
#bandeauRayon .rechercheAvance img {
	}
#bandeauRayon h1 {
	display: inline;
	font-size: 100%;
	margin : 0px;
	font-weight: normal;
	}
#bandeauRayon .whereAmI {
	margin-right:5px;
	}
#bandeauRayon .whereAmI a {
	font-weight: bold;
	text-decoration:underline;
	}
#bandeauRayon .icones {
	margin-top:5px;
	text-align:center;
	}
#rayon .optionLigne a.nongrise, #rayon .optionLigne div.nongrise {
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight: bold;
	color:#0686f4;
	}
#rayon .optionLigne a.grise, #rayon .optionLigne div.grise {
	font:11px Arial, Helvetica, sans-serif;
	color:#cccccc;
	}
#rayon .optionLigne {
	text-align:center;
	}
#rayon .pagination {
	font-size:12px;
	font-weight: bold;
	text-align:center;
	/* margin:5px; */
	color: #0686f4;
	}
#rayon .pagination strong {
	color: red;
	text-decoration:underline;
	}
#rayon .pagination .tous {
	color: #7bd01a;
	text-decoration:underline;
	}
#vignettesRayon {
	padding:5px;
	}
#rayon .produitsLG {
	width:100%;
	border:10px solid white;
	}
#rayon .produitsLG th {
	padding-top:3px;
	padding-bottom:3px;
	}
#rayon .produitsLG th td{ /* tableau dans entete */
	border: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0000ff  ;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------PRODUITpp --------------------------------------*/
/*---------------------------------------------------------------------------*/
.back { /* bouton retour arriere */
	text-align:center;
	vertical-align:top;
	}
.back  a {
	color : red;
	text-decoration:underline;
	}
.back img {
	margin: 0px 10px;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------PANIER -----------------------------------------*/
/*---------------------------------------------------------------------------*/
#pagePanier .boutons {
	margin:auto; /* pour centrer tableau de boutons */
	}
#pagePanier a.bouton {
	display:block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color:black;
	text-decoration: underline;
	width:249px;
	height:45px;
	padding:0px 10px;
	text-align:left;
	line-height:45px;
	background: url(/php/boutique/objets/PANIER/bgBouton.gif) no-repeat top left;

	}
#pagePanier .bouton button {
	display:inline;
	background-color:white;
	vertical-align:middle;
	}
#pagePanier {
	font-size: 11px;
	text-align:center;
	}
#pagePanier td.tableauPage {
	text-align:center;
	}
#pagePanier .TVA{
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color :white;
	padding-top:5px;
	}
#pagePanier .TVA strong {
	color: #382c28;
	font-weight:normal;
	}
#pagePanier .TVA a{
	text-decoration:underline;
	font-weight:bold;
	}
#pagePanier .TVA div, #pagePanier .TVA form {
	padding-bottom:5px;
	/* white-space:nowrap; */
	}
#pagePanier .chronopost {
	text-align:center;
	border: 1px solid red;
	}
#pagePanier h6 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center;
	}
/*---------------------------contenu PANIER ------------------------------------*/
.panier { /* tableau contenu */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	width:85%;
	margin:auto;
	background: #f0f0e8;
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #cccccc;
	}
.panier tr.ligneProduit {
	background: white;
	}
.panier th {
	font: bold 11px Arial, Helvetica, sans-serif;
	}
.panier td, .panier th {
	border: 1px solid #cccccc;
	padding:1px 3px;
	}
.panier td.ref {
	border-left: 0px ;
	}
.panier td.item {
	border-left: 0px ;
	white-space:nowrap;
	}
.panier td.img {
	border-right: 0px ;
	vertical-align:middle;
	text-align:center;
	padding: 3px;
	}
.panier td.prix {
	white-space: nowrap ;
	text-align:right;
	}
.panier td.vide {
	border: 0px ;
	}
.panier td.icones {
	text-align:right;
	}
.panierVide {
	font: bold 14px Verdena, Arial, Helvetica, sans-serif;
	}
/*###########################################################################*/
/*########################## BLOC DROIT #####################################*/
/*###########################################################################*/
/*---------------------------------------------------------------------------*/
/*------------------tableau ligne produit bloc droit-------------------------*/
/*---------------------------------------------------------------------------*/
/* dans PANIER : pourquoi pas, dans PRODUITpp, RAYON meilleur vente   */    
h1.pourquoiPas {
	font-size:9px;
	font-weight:bold;
	text-align:left;
	color:black;
	padding:5px;
	background: #ffdd09;
	border-bottom: 1px solid #aca899;
	margin:0px;
	}
h1.meilleurVente {
	font-size:9px;
	font-weight:bold;
	text-align:left;
	color:#ffdd09;
	padding:5px;
	background: #aca899;
	border-bottom: 1px solid #aca899;
	margin:0px;
	}
/*------------------------------------------------ MV pourquoi pas, meilleur vente ------------------------ */
table.MV a { /* ref */
	font-size:9px;
	font-weight:bold;
	color: #aca899;
	text-decoration:none;
	}
table.MV .ref { /* ref */
	font-size:9px;
	font-weight:bold;
	color: #aca899;
	}
table.MV { /* marque */
	font-size:9px;
	/*font-weight:bold;*/
	color: #C6C886;
	}
table.MV a:hover{
	color: #0686f4;
	text-decoration:underline;
	}
table.MV {
	width:100%;
	border-top: 1px solid #aca899;
	}
table.MV td{
	vertical-align:middle;
	text-align:left;
	}
table.MV div.prix {
	text-align:right;
	}
table.MV span.prix {
	/* background:black; */
	color:black;
	font-size:9px;
	padding:2px;
	}
h1.MV {
	background: #f0f0e8;
	margin:0px;
	padding:1px 5px;
	border-bottom: 1px solid #aca899;
	font-size: 11px;
	color: black;
	font-weight: bold;
	color: black;
	text-align:left;
	}