/* choix $avec_filtre dans styleBoutique1.inc.php non */
/*********************************************************/
/**** contient tout ce qui est necessaire              ***/
/**** a page.php (hors contenu centre)                 ***/
/**** a l'accueil                                      ***/
/**** plus popupproduit  pour alleger ouverture popup  ***/
/*********************************************************/
/*###########################################################################*/
/*########################## generalites ####################################*/
/*###########################################################################*/
body {
	margin:0px;
	font-family : Arial, Helvetica, sans-serif;
	color: #382c28;
	}
img {vertical-align:middle;}
h1.ref ,h2.ref, h3.ref {
	display:inline;
	font-size: 100%;
	margin :0px;
	}
a  {  color: #0686f4; text-decoration: none; }
a:hover {  color: #0686f4; text-decoration: underline}
.hand {cursor:pointer; }
div.hand:hover { color: #0686f4; text-decoration: underline; }
.hand:hover { color: #0686f4; text-decoration: underline; }
a img { border: 0px; }
form { margin:0px; }
input { font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;font-size : 11px; color: #000000;}
select { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:0px;
	}
button {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0686f4;
	}
/*-------- positionnement ------*/
.cache { display:none;}
.divup, .divDelay {
	z-index:500;
	background-color:#faf7e5;
	border:1px solid #382c28;
	padding:5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
.divDelay { /* marche avec afficherDiv et cacherDiv. delay en plus*/
	position:absolute;
	visibility:hidden;
	} 
.divup { /* utilise pour les calques marche avec hideMe et showMe*/
	position: absolute;
	display:none;
	}
.imgDroite { float:right ; margin-left:5px; margin-right:2px; border:0;}
.imgGauche { float:left ; margin-right:5px; margin-left:2px; border:0; }
.separation { height:1px; clear:both; visibility:hidden; position:absolute;overflow:hidden;} /* pour arreter un float */
/*--------------- texte ------------------------ */
.couleurTexte { color: #382c28; }
.barre { text-decoration: line-through;}
.outilAdmin {  font: bold 12px Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none}
/*--------------- couleurs --------------------- */
.bg1 { background-color: #f0f0e8; }
.bg2 { background-color: #faf7e5; }
.bg3 { background-color: white; }
.bg4 { background-color: #FCFCFC; }
.relative { position:relative; }
.bleu {  color: #0686f4; }
.rouge {  color: red; }
.grisClair { color: #aca899; }
/*--------------- encadrement --------------------- */
.cadre{ /* utilise par la fonction cadre */
	border-width: 1px;
	border-style: solid ;
	text-align: center;
	}
.borderbleu { border: 1px solid #0686f4; }
.borderjaune { border: 1px solid #ffdd09; }
.bordervert { border: 1px solid #7bd01a; }
.borderbrun { border: 1px solid #382c28; }
/* ---------- chaine avigation  ------------------------------ */
.chemin {
	/* font: 9px Tahoma, Geneva, Arial, Helvetica, sans-serif; */
	color: #0686f4;
	line-height:12px;
	vertical-align:bottom;
	white-space:nowrap;
	}
.chemin a , .chemin a h2 {
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	vertical-align:bottom;
	white-space:nowrap;
	}
.chemin h1 {
	display:inline;
	margin :0px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#0686f4;
	}
.chemin .sep {
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color: #0686f4;
	}

.navigationH2 {
	display:inline;
	margin :0px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#0686f4;
	cursor:pointer;
	text-decoration:underline;
	}
/* ---------- copyright  ------------------------------ */
.copyright {  
	font: bolder 10px Tahoma, sans-serif, verdana, arial, helvetica, geneva;
	color: #666666;
	vertical-align: middle;
	text-align:center;
	padding:5px;
	background: #f0f0e8;
	border-bottom: 1px solid #cccccc;
	}
/* ---------- ecotaxe  ------------------------------ */
.ecotaxe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:lighter;
	}
/*----------------- pour IE ----------------------*/
div.IE1 {overflow:hidden;height:1px;}
/*----------------- calque ----------------------*/
.calqueShow { /* calque avec showMe .... */ 
	position:absolute; /* dans titre pour passer au dessus du calque*/
	display:none;
	width:250px;
	z-index:500; /* IE ne marche que dans le conteneur positionne (relatif)*/
	background: #dddeb6;
	border: 1px solid #382c28;
	font-size: 11px;
	font-weight:normal;
	padding:5px;
	}
.calqueShow a {
	font-size: 9px;
	text-decoration: underline;
	color: #0686f4;
	}
.calqueShow .titreCalque {
	font-size: 14px;
	font-weight: bold;
	color: black;
	}
/*###########################################################################*/
/*########################## contenu page.php ###############################*/
/*###########################################################################*/
#wait {
	position: absolute;
	top: 300px;
	left: 250px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #382c28;
	background:white;
	padding:40px;
	}
#wait .titre {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	}
#wait h1 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
h1.TITREH1 { 
	margin:0px;
	padding:0px;
	color:black;
	font:italic bold 16px Arial, Helvetica, sans-serif;
	}
/*###########################################################################*/
/*########################## ENTETE.php #####################################*/
/*###########################################################################*/
#bandeau{
	/* height: 70px; */
	height: 70px;
    background: url(/php/boutique/objets/entete/background.jpg) no-repeat top left;
	text-align:center;
	line-height: 70px; /* pour centrer verticalement les enlignes */
	overflow:hidden;
	position:relative; /* pour positionner le logo */
	}
#bandeauAccueil{
	height: 60px;
    background: url(/php/boutique/objets/entete/backgroundAccueil.jpg) no-repeat top left;
	}
#bandeauBaniere{
	/*height: 60px; */
    background: url(/php/boutique/objets/entete/backgroundAccueil.jpg) no-repeat top left;
	}
#bandeauAccueil, #bandeauBaniere {
	text-align:center;
	line-height: 60px; /* pour centrer verticalement les enlignes */
	overflow:hidden;
	position:relative; /* pour positionner le logo */
	}
#bandeau a.logo, #bandeauAccueil a.logo, #bandeauBaniere a.logo {
	display: block;
	position: absolute; /* sort du flux courant */
	top:0px; /* position par rapport au parent positionne */
	left: 10px;
	width:257px;
	border:0;
	}
#bandeauAccueil a.logo, #bandeauBaniere a.logo {
	height: 60px;
	}
#bandeau a.logo{
	height: 70px;
	}
#outils {
	background-color: #f0f0e8;
	padding:5px 0px;
	}
#outils a,  #outils img{
	margin-left: 1px;
	margin-right: 0px;
	}
#outils form {
	display: inline ; /* pour ne pas passer a la ligen */
	}
#outils form a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #382c28;
	}
#outils form *{
	margin:0px 1px;
	vertical-align:middle;
	}
.traitMulti {
	line-height:1px;
	background:url(/php/boutique/objets/entete/traitMulti.gif) top left;
	}
.traitMulti img {
	vertical-align:top;
	}
#iconeWilly {
	display:inline;
	}
/* ================================================================================================= */
/* ================================== menuOnglet =================================================== */
/* ================================================================================================= */
.sousMenuOnglet {
	display:none;
	position:absolute;
	background-color:#54534B;
	width:100%;
	text-align:center;
	font-size:10px;
	color:white;
	z-index:99999999;
	}
.sousMenuOnglet .contenu {
	background-color:#54534B;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:220px;
	padding-right:5px;
	line-height:20px;
	vertical-align:middle;
	}
.sousMenuOnglet .sep {
	height:10px;
	overflow:hidden;
	}
.sousMenuOnglet a,.sousMenuOnglet .a, .sousMenuOnglet .extra {
	padding-right:10px;
	padding-left:10px;
	text-transform:uppercase;
	font-weight:bolder;
	white-space:nowrap;
	cursor:pointer;
	}
.sousMenuOnglet a,.sousMenuOnglet .a {
	color:white;
	border-right:1px solid white;
	}
.sousMenuOnglet a.extra, .sousMenuOnglet .extra {
		border-right:0px;
		color:#ffdd09;
	}
.sousMenuOnglet a:hover {color:#0686f4;text-decoration:none;}
.menuOnglet td {
	padding-left:2px;
	padding-right:2px;
	}
.menuOnglet td, .menuOnglet a {
	color:#41352C;
	font-size:10px;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	}
.menuOnglet a:hover {
	color:#0686f4;
	text-decoration:none;
	}
.menuOnglet td.sep {
	width:1px;
	background-color:white;
	padding:0px;
	}
/*###########################################################################*/
/*########################## bloc gauche ####################################*/
/*###########################################################################*/
/*------------------ menuGauche : titre, conte-------------------------------*/
.menuGaucheOmbre {
	background:url(/php/boutique/objets2009/menuGauche/background-droit.jpg) top right repeat-y;
	border-left: 1px solid #7A96E0;
	}
.menuDroitOmbre {
	background:url(/php/boutique/objets2009/menuGauche/background-droit.jpg) repeat-y fixed right 10px ;
	}
.menuGaucheOmbreHaut {
	background:url(/php/boutique/objets2009/menuGauche/background-haut.jpg) top right no-repeat;
	}
.menuGauche {
	border-bottom: 1px solid #7A96E0;
	width:100%;
}
.menuGauche,.menuDroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.menuGauche a , .menuDroit a {
	color: #382c28;
	}
.menuGauche a:hover , .menuDroit a:hover {
	color: #0686f4;
	}
.titreMenuGauche {
	cursor:pointer; /* pour pas utiliser hand */
	margin:0px 0px 2px 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:3px 0px 3px 22px;
	color: #61564C;
	background: url(/php/boutique/objets/menuGauche/titreHidden.gif) no-repeat top left;
	/* background-color:#aca899 ; */
	}
.titreMenuGauche a {
		color: #61564C;
		}
.menuGauche .contenu  , .menuDroit .contenu {
	display:none;
	/* border-right: 1px solid #aca899; */
	/* border-bottom: 1px solid #aca899; */
	padding-bottom:5px;
	}
.menuGauche a.ligne , .menuDroit a.ligne, .menuGauche div.ligne , .menuDroit div.ligne  {
	display:block;
	line-height:13px;
	background: url(/php/boutique/objets/chartreGraphique/flecheNoireDroite.gif) no-repeat 2px center;
	padding-left:12px;
	}
/*------------------ menuGauche : calque -----------------------------------*/
.divMenuGauche {
	position:absolute;
	left:100px;
	top:-50px;
	visibility:hidden;
	z-index:1;
	background-color:#faf7e5;
	border:1px solid #382c28;
	padding:10px;
	text-align:center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
.divMenuGauche a  {  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0686f4;
	text-decoration:underline;
	}	
.divMenuGauche .titre {   font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
.divMenuGauche .important {  color: #ff0000; }
/*---------------------------------------------------------------------------*/
/*---------------------------menu racine -----------------------------------*/
/*---------------------------------------------------------------------------*/
.mptxt_racine,.mptxtPlus_racine { 	
	font-size: 10px;
	line-height:12px;
	background-position: 20px center;
	background-repeat : no-repeat; 
	padding-left: 30px;
	}
.mptxt_racine	{
	background-image: url(/php/boutique/objets/menuProduit/petitePuceJaune.gif);
	}
.mptxtPlus_racine { 
	background-image: url(/php/boutique/objets/menuProduit/plus.gif);
	}
/*---------------------------------------------------------------------------*/
/*---------------------------menu produit -----------------------------------*/
/*---------------------------------------------------------------------------*/
#menuProduit {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #382c28;
	}
#menuProduit .bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	background: url(/php/boutique/objets/menuProduit/plus.gif) 1px 2px no-repeat white;
	border-width: 1px;
	border-style:inset;
	}
#menuProduit h1{
	line-height:40px;
	text-decoration: underline; 
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	margin:0px;
	}
#menuProduit .bg1{
	background-color: #F4F3EA;
	}
#menuProduit .bg2{
	background-color: #FCFCFC;
	}
#menuProduit a{
	display:block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #382c28;
	text-decoration: none; 
	font-weight: bold;
	background-repeat: no-repeat;
	}
#menuProduit a:hover, #menuProduit div.hand:hover {
	background-color: #ffdd09;
	color: #0686f4;
	}
#menuProduit .mptxt,.mptxtPlus { 	
	font-size: 10px;
	font-weight: bolder;
	line-height:12px;
	background-position: 20px center;
	background-repeat : no-repeat; 
	padding-left: 30px;
	}
#menuProduit .mptxt	{
	background-image: url(/php/boutique/objets/menuProduit/petitePuceJaune.gif);
	}
#menuProduit .mptxtPlus { 
	background-image: url(/php/boutique/objets/menuProduit/plus.gif);
	}
#menuProduit .mpUneMarque, #menuProduit .mpCetteMarque{ 	
	font-size: 10px;
	font-weight: bolder;
	line-height:12px;
	padding-left: 40px;
	}
#menuProduit .mpUneMarque { color: #0686f4;}
#menuProduit .mpCetteMarque { color: red;}
#menuProduit .mptitre { 
	font-size: 11px;
	background-image: url('/php/boutique/objets/chartreGraphique/flecheNoireDroite.gif');
	line-height:13px;
	background-position: 12px center;
	background-repeat : no-repeat; 
	padding-left: 21px;
	}
#menuProduit .mpFleche,.mpPlusFleche { 
	font-size: 11px;
	line-height:12px;
	background-position: 2px center;
	background-repeat : no-repeat; 
	padding-left: 21px;
	}
#menuProduit .mpFleche { 
	background-image: url(/php/boutique/objets/menuProduit/puceFleche.gif);
	}
#menuProduit .mpPlusFleche { 
	background-image: url('/php/boutique/objets/menuProduit/pucePlusFleche.gif');
	}
#menuProduit .fleche { 
	float:right;
	margin-right:1px;
	border:0;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------menu marque  -----------------------------------*/
/*---------------------------------------------------------------------------*/
#menuMarque {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #382c28;
	}
#menuMarque .bg{
	background-color: #FCFCFC;
	}
#menuMarque a{
	display:block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #382c28;
	text-decoration: none; 
	font-weight: bold;
	background-repeat: no-repeat;
	}
#menuMarque a:hover{
	background-color: #ffdd09;
	color: #0686f4;
	}
#menuMarque .mptxt { 	
	font-size: 10px;
	font-weight: bolder;
	line-height:12px;
	background-position: 20px center;
	padding-left: 30px;
	background-image: url(/php/boutique/objets/menuProduit/petitePuceJaune.gif);
	background-repeat: no-repeat;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------RAYONmenuGauche --------------------------------*/
/*---------------------------------------------------------------------------*/
#optAff p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 3px;
	margin:2px 0px;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------ACCUEILmenuGauche ------------------------------*/
/*---------------------------------------------------------------------------*/
.touteLaBoutique {
		padding-left:10px;
		padding-right:10px;
		color:red;
		background-color:#ffdd09;
		}
.pictoTitreTouteLaBoutique {
	display:none;
	position:absolute;
	}
.laLettre,.leCatalogue {
	    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	    line-height:15px;
	    vertical-align:middle;
	    text-align:center;
	    }
.leCatalogue {padding-bottom:4px;}
.leCatalogue .left {text-align:left;}
/*###########################################################################*/
/*########################## bloc droit  ####################################*/
/*###########################################################################*/
.ombreBlocDroit .droite { 
	background:url(/php/boutique/objets2009/menuGauche/background-droit.jpg) repeat-y right top;
	}
.ombreBlocDroit .bas { 
	height:8px;
	line-height:8px;
	background:url(/php/boutique/objets2009/menuGauche/background-bas.jpg) top right no-repeat;
	}
.imgBlocDroit{ /* utilise par la fonction imageBlocDroit */
	/*
	border-radius:20pt;
	border-width: 1px;
	border-style: solid ;
	*/
	text-align: center;
	}
.imgBlocDroit {
	width: 176px;
	background-color: white;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/* margin-bottom: 4px; */
	}
.imgBlocDroit .titreIBD {
	font-size :14px;
	color: black;
	font-weight:bold;
	}
.imgBlocDroit .sousTitreIBD {
	font-size :11px;
	color: black;
	}
.imgBlocDroit .importantIBD {
	color: red ;
	font-weight:normal;
	}
.imgBlocDroit a {
	text-decoration: underline;
	}
.imgBlocDroit ul {
	text-align: left;
	}

/*---------------------------------------------------------------------------*/
/*---------------------------ACCUEILlesImages  ------------------------------*/
/*---------------------------------------------------------------------------*/
#divupFraisPort {
	width: 300px;
	left:-300px;
	top:-50px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
/*--------------------------- vignette panier ------------------------*/
#vignettePanier select { /* sinon depasse taille image bloc droit */
	font: 11px Arial, Helvetica, sans-serif;
	}
#vignettePanier table.resume {
	padding:0px;
	border:0px;
	margin:0px;
	float: right;
	}
#vignettePanier table.resume td {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0px;
	line-height:13px;
	}
/*###########################################################################*/
/*########################## bloc centre  ###################################*/
/*###########################################################################*/
/*---------------------------------------------------------------------------*/
/*---------------------------vignettes produit ------------------------------*/
/*---------------------------------------------------------------------------*/
/*---- vignettes accueil ---------------------------------*/
.VAS .sep {
	background:url(/php/boutique/objets/chartreGraphique/sepVignetteAccueil.gif) no-repeat top center;
	width:40px;
	height:130px;
	float:left;
	}
.VAS .VA {
	float:left;
	width:120px; /* img=100 + marge pour prix*/
	overflow:hidden;
	}
.VAS .NA {
	float:left;
	}
.VAS .fin {
	clear:both;
	}
.VA .prix {
	border-bottom:1px solid #dddeb6;
	/* border-right:1px solid #dddeb6;*/
	font: 11px Arial, Helvetica, sans-serif;
	color:black;
	white-space:nowrap;
	}
.NA .ref a,.VA .ref a, .txtNA {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#382c28;
	}
.VA .cat a {
	font: 11px Arial, Helvetica, sans-serif;
	/* color: #cccccc; */
	 color: #003298;
	}
.VA .marque a {
	font: 11px Arial, Helvetica, sans-serif;
	}
.NA .ref a:hover, .VA .cat a:hover {
	color:#0686f4;
	}
.VA .cat {
	text-align:center;
	}
.VA .prix {
	text-align:right;
	height:25px; /* addPanier+2 */
	padding:0px 5px;
	}
.VA .marque{
	text-align:right;
	height:17px; /* icone port */
	padding:0px 5px;
	}
.NA .ref, .VA .ref {
	height: 40px; /* 3 lignes pour que les vignettes aient la meme hauteur*/
	text-align:center;
	}
.VA .imgVA {
	height:80px;
	text-align:center;
	}
.VA .imgVA *{ /* pour le divup */
	text-align:left;
	font: 9px Arial, Helvetica, sans-serif;
	color: white;
	}
.VA .iconeVA {
	float:left;
	}
/*---------------------   tableau de produits ------------------------------ */
table.VPs {
	background:white;
	font: 11px Arial, Helvetica, sans-serif;
	/* empty-cells: hide; cellules non créées */
	}
table.VPs td {
	border-left:1px solid #ECE9D8; 
	border-right:1px solid #ECE9D8; 
	border-top:0px;
	border-bottom:0px;
	}
table.VPs td td{
	border:0px;
	}
table.VPs tr.inter {
	height:10px;
	}
table.VPs td.vide {
	border:0px;
	/* width:10px; */
	}
table.VPs td.enteteVPs {
	vertical-align: middle;
	text-align:center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #ECE9D8;
	padding-top:2px;
	/* overflow:hidden; */
	height:34px;
	background:url(/php/boutique/objets2009/tableauProduit/background.jpg) top left repeat-x;
	}
table.VPs td.enteteVPs a{
	display:block;
	color: #382c28;
	width:180px; /* pour uniformiser le taille des vignettes */
	margin:auto;
	padding-bottom:4px;
	padding-top:2px;
	}

table.VPs td.catVPs {
	border-bottom:1px solid #ECE9D8;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	}
/*-----------------------------    vignette ------------------------------ */
.etiquettePourcent {
	position:absolute;
	display:inline;
	height:50px;
	line-height:40px;
	width:57px;
	text-align:center;
	font-size:18px;
	color:white;
	background:url(/php/boutique/objets/chartreGraphique/bgPourcent.png) top left no-repeat !important;
	}
/* ---------------------- div   vignette ------------------------------ */
.vignetteTitre, .vignetteTitreNew {
	background-color: #f0f0e8;
	text-align:center;
	/* height:100%; */
	}
.vignetteTitreNew {
	background-image: url('/php/boutique/objets/chartreGraphique/nouveaute.gif');
	background-repeat: no-repeat;
	background-position:left 3px;
	padding-left:30px; 
	}
.vignetteTitre a, .vignetteTitreNew a, div.vignetteTitre, div.vignetteTitreNew{
	display:block;
	color: #382c28;
	width:120px; /* pour uniformiser le taille des vignettes */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:auto;
	padding-bottom:4px;
	padding-top:2px;
	}
.vignetteTitre a:hover, .vignetteTitreNew a:hover, .vignetteTitre:hover, .vignetteTitreNew :hover {
	color:#0686f4;
	}
.vignetteMarque, .vignetteMarquePort, .vignetteMarquePort_fr {
	text-align:right;
	margin:3px;
	color:#0686f4;
	text-decoration:underline;
	}
.vignetteMarquePort {
	background-image: url('/php/boutique/objets/chartreGraphique/portGratuitPetit.gif');
	}
.vignetteMarquePort_fr {
	background-image: url('/php/boutique/objets/chartreGraphique/portGratuitPetit_fr.gif');
	}
.vignetteMarquePort, .vignetteMarquePort_fr {
	padding-left:25px; /* img=22 */
	height:30px; /* min-height mais IE comprend pas */
	background-repeat: no-repeat;
	background-position:3px center;
	}
.vignetteCategorie {
	text-align:center;
	color:#cccccc;
	}
.vignettePrix {
	font: 11px Arial, Helvetica, sans-serif;
	color: black;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	}
.DVP {
	font-size: 11px;
	padding: 3px 3px 3px 3px;
	background-color: #faf7e5;
	border: 1px solid #382c28;
	width:200px;
	position:absolute;
	display:none;
	z-index:300;
	margin-left:60;
	}
.DVP small{ 
	font: 9px Arial, Helvetica, sans-serif;
	display: block;
	color: #ff0000;
	margin-top:10px;
	text-align:center;
	}
.DVP .titre { 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	}
.DVP .motCle { 
	font-size: 11px;
	font-weight: bold;
	color:#cccccc;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------ACCUEILlesNews ---------------------------------*/
/*---------------------------------------------------------------------------*/
.today {
	background: url(/php/boutique/objets/accueil/news/today.png) top left !important;
	}
.ACCUEILlesNews {
	/* width:622px; */
	}
/*---------------------------contenu ---------------------------------*/
.ACCUEILlesNews  .contenu_h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	margin-bottom:5px;
	}
.ACCUEILlesNews  .contenu_h2 {
	font:bold 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	margin-bottom:5px;
	}
.ACCUEILlesNews .contenu_txt {
	font:12px Arial, Helvetica, sans-serif;
	width : 80%;margin:auto;
	color:black;
	}
.ACCUEILlesNews .contenu_go {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#0686f4;
	}
/*---------------------------vignette un produit ---------------------------------*/
.ACCUEILlesNews .unProd_marque { text-align:left; }
.ACCUEILlesNews .unProd_icones { position:absolute;z-index:1;text-align:left; }
.ACCUEILlesNews .unProd_cat {
	text-align:left;
	color:#382c28;
	font:bold 18px Arial, Helvetica, sans-serif;
	font-style:italic;
	}
.ACCUEILlesNews .unProd_ref {
	text-align:left;
	color:black;
	font:bold 18px Arial, Helvetica, sans-serif;
	}
.ACCUEILlesNews .unProd_prix {
	text-align:center;
	color:black;
	font:bold 20px Arial black, Arial, Helvetica, sans-serif;
	}
/*--------------------------- news ---------------------------------*/
.tabAccueil td.news { /* pour cadre des vignettes news */
	vertical-align :top ;
	text-align:left;
	border:1px #666666 solid;
	padding-right:7px;
	padding-bottom:11px;
	}
.news {
	position:relative; /* pour positionner titre */
	/* border:1px solid #382c28; */
	/* background: #FCFCFC; */
	padding-bottom:3px;
	/* margin:5px 10px 0px 10px ;*/ /* modifier width des tabs si change marge */
	text-align :center ;
	margin:0px;
	}
.news .titre {
	position:relative; /* pour positionner go */
	left:-1px;
	z-index:50;
	/* background: url(/php/boutique/objets/accueil/titreDegrade.gif) no-repeat bottom left; */
	padding: 4px 5px 4px 10px;
	font: bolder 16px Arial, Helvetica, sans-serif;
	color: #003298;
	text-align:left;
	font-variant:small-caps;
	/* font-stretch:extra-condensed; */
	}
.news .titre a {
	display:block; /* pour lien sur toute la ligne */
	color: #003298;
	}
.news .titre a:hover{
	color: #ff0000;
	color: #003298;
	}
a.biggo, div.biggo {
	display:block; 
	position:absolute; /* positionne par rapport au titre */
	right:2px;
	top:-3px;
	height:39px;width:46px;
	background: url(/php/boutique/objets/chartreGraphique/goCat.gif) no-repeat bottom left;
	z-index:5; /* pour passer sur le calque */
	}
.news .calque{ /* calque qui apparait au survole du titre */ 
	position:absolute; /* dans titre pour passer au dessus du calque*/
	top:22px; /* rien le met dans le flux */
	visibility:hidden;
	width:250px;
	z-index:500; /* IE ne marche que dans le conteneur positionne (relatif)*/
	border: 1px solid #666666;
	font-size: 11px;
	font-weight:normal;
	padding:5px;
	color: #382c28;
	font-variant:normal;
	background-color:white;
	}
.news .calque a {
	font-size: 9px;
	text-decoration: underline;
	color: #0686f4;
	}
.news .calque .titreCalque {
	font-size: 12px;
	font-weight: bolder;
	color: #003298;
	font-variant:small-caps;
	}
.news .contenu {
	padding:5px 0px 5px 0px;
	}
.calqueNews { /* calque qui apparait au survole du titre */ 
	position:absolute; /* dans titre pour passer au dessus du calque*/
	top:22px; /* rien le met dans le flux */
	visibility:hidden;
	width:250px;
	z-index:500; /* IE ne marche que dans le conteneur positionne (relatif)*/
	background: #dddeb6;
	border: 1px solid #382c28;
	font-size: 11px;
	font-weight:normal;
	padding:5px;
	}
.calqueNews a {
	font-size: 9px;
	text-decoration: underline;
	color: #0686f4;
	}
.calqueNews .titreCalque {
	font-size: 14px;
	font-weight: bold;
	color: black;
	}
/*###########################################################################*/
/*########################## page PRODUIT ###################################*/
/*###########################################################################*/
/*----------positionement produit deja vus ------------*/
#dejaVu {
	float:right;
	margin-left:10px;
	margin-top:2px;
	margin-right:1px;
	}
#dejaVu .intitule{
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------fiche produit ----------------------------------*/
/*---------------------------------------------------------------------------*/
.cheminFicheProduit h1 {
	display: inline;
	font-size: 100%;
	margin : 0px;
	font-weight: normal;
	}
#ficheProduit {
	text-align:left;
	}
#ficheProduit .cadre {
	/* border: 1px solid #382c28; */
	border:0px;
	margin: 10px;
	background:white;
	padding-bottom:10px;
	}
#ficheProduit .entete {
	font-size: 14px;
	color: black;
	font-weight: bold;
	background: #f0f0e8;
	padding:5px;
	border-bottom:1px solid #cccccc;
	text-align:left;
	}
#ficheProduit h1{
	display: inline;
	font-size: 100%;
	margin : 0px;
	font-weight: bold;
	}
#ficheProduit #prixEntete {
	float:right;
	margin-right:5px;
	}
#ficheProduit .prix {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	margin-top:10px;
	margin-bottom:3px;
	}
#ficheProduit .prix span {
	background:black;
	padding:3px;
	}
#ficheProduit .prix img {
	margin-right:5px;
	}
#ficheProduit #marque {
	text-align:left;
	margin:5px 5px 3px 0px;
	}
#ficheProduit #chemin {
	text-align:left;
	padding:3px 1px 5px 3px;
	}
#ficheProduit #images {
	white-space:nowrap;
	}
#ficheProduit #images img{
	margin: 5px;
	}
#ficheProduit .choix {
	margin-top: 10px;
	}
#ficheProduit .choix h6{
	font-size:11px;
	font-weight:bold;
	padding:0px 30px;
	margin:0px;
	}
#ficheProduit #ecrivez a{
	font-size:12px;
	}
#ficheProduit #specifs {
	text-align:left;
	font-size:11px;
	padding:5px;
	
	/* display: block;
	overflow-y: hidden;
	overflow : -moz-scrollbars-horizontal;
	overflow:hidden;
	*/ 
	overflow: auto;
	}
#ficheProduit #autresProduits {
	padding:10px;
	}
.commentaires {
	border-top: 1px solid #cccccc;
	padding:0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}
.commentaires .resume {
	padding:5px 0px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
.commentaires h6{
	font-size:120%;
	margin:0px;
	}
/*---------------------------------------------------------------------------*/
/*---------------------------icone produit ----------------------------------*/
/*---------------------------------------------------------------------------*/
.icone {
	width: 130; 
	margin:5px;
	background:white;
	font: 11px Arial, Helvetica, sans-serif;
	}
.icone .titreIcone {
	background : #f0f0e8;
	font-size: 9px;
	margin:0px;
	padding:2px 2px 2px 10px;
	text-align:left;
	}
.icone .titreIcone a{
	color : #382c28;
	}
.icone div {
	text-align:center;
	padding: 5px;
	}
.icone p {
	text-align:right;
	margin:0px;
	padding-right:2px;
	}
table.icones {
	border:0px;
	padding:0px;
	}
table.icones tr {
	vertical-align:middle;
	}
table.icones td {
	text-align:center;
	}
/*###########################################################################*/
/*########################## page INTERFACE #################################*/
/*###########################################################################*/
.titreBlocInterface {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:5px;
	text-decoration:underline;
	color:#382c28;
	}
a.lienTitreBlocInterface {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#382c28;
	}
a.lienTitreBlocInterface:hover {
	color:#0686f4;
	}
.lienBlocInterFace,.lienBlocInterfaceAvecPoint {
	text-align:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#382c28;
	text-decoration:none;
	}
.lienBlocInterFace,.lienBlocInterfaceAvecPoint {
	padding:3px 0px 3px 30px;
	}
	
.lienBlocInterfaceAvecPoint {
    display:block;
	background: url(/php/boutique/objets/menuProduit/petitePuceJaune.gif) no-repeat left;
	padding-left:10px;
	}
/*###########################################################################*/
/*########################## div specif des produits qui bougent   ##########*/
/*###########################################################################*/
.DVPB {
	font-size: 11px;
	padding: 3px 3px 3px 3px;
	background-color: #faf7e5;
	border: 1px solid #382c28;
	width:200px;
	position:absolute;
	display:none;
	/* z-index:300; */
	}
.DVPBbasPage {
	font-size: 11px;
	padding: 3px 3px 3px 3px;
	background-color: #faf7e5;
	border: 1px solid #382c28;
	position:absolute;
	width:100%;
	display:none;
	/* z-index:300; */
	}
.DVPBbasPage small,.DVPB small{ 
	font: 9px Arial, Helvetica, sans-serif;
	display: block;
	color: #ff0000;
	margin-top:10px;
	text-align:center;
	}
.DVPBbasPage titre,.DVPB .titre { 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	}
.DVPBbasPage motCle,.DVPB .motCle { 
	font-size: 11px;
	font-weight: bold;
	color:#cccccc;
	}
/*###########################################################################*/
/*########################## tableau prix ppc,prix promo   ##########*/
/*###########################################################################*/
.PPC {color:#614F29; }
table.ppc { margin-top:5px;}
table.ppc td {white-space:nowrap;}
table.ppc td.txtppc {	
	font-style:italic;
	text-align:left;
	}
table.ppc td.interppc {	
	text-align:center;
	padding:0px 2px;
	}
table.ppc td.prixppc {	
	font-weight:bold;
	text-align:right;
	}
.ppcFicheProduit table.ppc td {	
	font-size:12px;
	}
.ppcFicheProduit table.ppc  { margin:auto; }
.ppcVignette table.ppc  { margin-left:5px; }
.ppcVignette table.ppc td {	
	font-size:11px;
	}

/* choix $avec_filtre dans styleBoutique1.inc.php non */
 
/*---------------------------------------------------------------------------*/
/*-------------------------- calques Accueil  ------------------------------*/
/*---------------------------------------------------------------------------*/
.calqueAccueil2009 { 
	width:650px;
	/* height:460px; */
	text-align:center;
	margin:auto;
	}
/* #calquenew, #calquepromo, #calqueshop, #calquedeja {position:absolute;top:1px;left:1px;} */
/*---------------------------------------------------------------------------*/
/*-------------------------- vignette Accueil  ------------------------------*/
/*---------------------------------------------------------------------------*/
.vignette2009 {
	position:relative;
	width: 180px;
	height: 210px;
	/* overflow:hidden; sinon on voit plus etiquette pourcent */
	background:url(/php/boutique/objets2009/vignetteBackground.gif) no-repeat top left;
	}
.vignette2009 a.titre {
	display:block;
	position:absolute;
	top:10px;
	left:11px;
	width:150px;
	height:41px;
	overflow:hidden;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#81786C;
	}
.vignette2009 a.titre:hover{
	color:#0686f4;
	text-decoration:none;
	}
.vignette2009 a.titre h2 {
	display:inline;
	font-size: 100%;
	margin :0px;
	}
.vignette2009 img.go {
	position:absolute;
	top:37px;
	left:118px;
	}
.vignette2009 .espaceImg {
	position:absolute;
	width:139px;
	height:112px;
	top:65px; /* par rapport a vignette */
	left:19px;
	text-align:center;
	}
.vignette2009 .espaceImg img{
	margin:auto;
	}
.vignette2009 .limitImg {
	position:absolute;
	width:139px;
	height:112px;
	overflow:hidden; /* pour pouvoir agrandir image */
	top:1px;left:1px; /* par rapport à espace image */
	}
.vignette2009 .limitImg img{
	margin:auto;
	}
.vignette2009 .espaceImg img.new {
	position:absolute;
	top:5px; /* par rapport a espaceImg */
	left:5px;
	}
.vignette2009 .espaceImg img.stock {
	position:absolute;
	top:111px; /* par rapport a espaceImg */
	left:-5px;
	}
.vignette2009 img.prixNuage {
	position:absolute;
	width:89px;
	height:32px;
	top:150px;
	right:25px;
	}
.vignette2009 .prix {
	display:block;
	position:absolute;
	width:89px;
	height:32px;
	top:150px;
	right:25px;
	text-align:right;
	background:url(/php/boutique/objets2009/prixVignetteBackground.gif) no-repeat top left;
	padding-top:12px;
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color:black;
	}
.vignette2009 a.plus {
	display:block;
	position:absolute;
	top:178px;
	right:26px;
	font: italic 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#434343;
	}
.vignette2009 a.plus:hover{
	color:#0686f4;
	}
.DVP2009titre {
	position:absolute;
	z-index:300;
	left:-50px;
	top:-20px;
	display:none;
	font-size: 11px;
	padding: 5px 5px 10px 5px;
	background-color: #ffffff;
	border: 2px solid #dddeb6;
	}
.DVP2009 {
	position:absolute;
	z-index:300;
	left:100px;
	top:-100px;
	display:none;
	font-size: 11px;
	padding: 5px 5px 10px 5px;
	background-color: #ffffff;
	border: 2px solid #dddeb6;
	width:285px;
	text-align:left;
	}
.DVP2009 .lien { 
	color: #0686f4;
	font-style:italic;
	}
.DVP2009 a:hover { 
	text-decoration:underline;
	}
.DVP2009 small{ 
	font: 9px Arial, Helvetica, sans-serif;
	display: block;
	color: #ff0000;
	margin-top:10px;
	text-align:center;
	}
.DVP2009 .stock{ 
	font: bold 11px Arial, Helvetica, sans-serif;
	display: block;
	color: #382c28;
	margin:10px;
	text-align:center;
	}
.DVP2009 .titre { 
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color:#382c28;
	}
.DVP2009 .motCle b{ 
	font-size: 11px;
	font-style:italic;
	color:#cccccc;
	}
.DVP2009 .categorie { 
	margin-bottom:5px;margin-top:5px;
	text-align:center;
	color:#cccccc;
	}
.DVP2009 .categorie a{ 
	color:#cccccc;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- menuTexte  -------------------------------------*/
/*---------------------------------------------------------------------------*/
#menuTexte{	
	width: 100%;
	font-family:arial,verdana;
	font-size: 11px;
}	
#menuTexte TD {	
	width: 50%;
	text-align: justify;
}
#menuTexte A {	
	color: #0033CC;
	text-decoration: underline;
}
#menuTexte A.ancetre {	  
	font-family: arial,helvetica; 
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#menuTexte TD	A:hover {				   
	text-decoration: none;
	color: #0686f4;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- menuCouleur  -----------------------------------*/
/*---------------------------------------------------------------------------*/
.ongletCouleur{ 
	position:absolute; /* par rapport a menu */
	cursor:pointer;
	height:30px;
	text-align:center;
	}
.ongletCouleur font, .ongletCouleur a{ 
	color:white;
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	cursor:pointer;
	 }
.ongletCouleur a:hover{ 
	color:white;
	 }
#flecheMenuCouleur{
	display:block;
	position:absolute;
	top:22px;
	width:34px;
	height:35px;
	z-index:2;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- vignette bloc droit  ---------------------------*/
/*---------------------------------------------------------------------------*/
.vignetteBlocDroit, .vignetteBlocDroit a , .vignetteBlocDroit table {
	color:#61564C;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
	}
.vignetteBlocDroit div { padding-top:5px;text-align:center;}
.vignetteBlocDroit .td { text-align:center; }
.vignetteBlocDroit .prix {text-align:right;font:bold 10px Arial, Helvetica, sans-serif;color:black;}
.vignetteBlocDroit .top {padding-top:0px;text-align:right;}

/*---------------------------------------------------------------------------*/
/*-------------------------- scroll menu bas  -------------------------------*/
/*---------------------------------------------------------------------------*/
.scrollHorizontal {
	position:relative;
	background: url(/php/boutique/objets2009/scrollHorizontal/background.gif) no-repeat top left;
	width:600px;
	height:100px;
	}
.contenuScrollHorizontal {
	position:absolute;
	top:2px;
	left:70px;
	width:460px;
	height:50px;
	}
.scrollHorizontal .boutonLeft {
	position:absolute;
	top:2px;
	left:1px;
	width:70px;
	height:50px;
	}
.scrollHorizontal .boutonRight {
	position:absolute;
	top:2px;
	right:1px;
	width:70px;
	height:50px;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- titre fiche produits----------------------------*/
/*---------------------------------------------------------------------------*/
.titreFiche2009 { 
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	border-bottom:2px solid black;
	clear:both;
	margin:10px 0px 5px 5px;
	text-align:left;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- navigation2009      ----------------------------*/
/*---------------------------------------------------------------------------*/
.navigation2009 {text-align:left;clear:both;margin-top:10px;}
.navigation2009, .navigation2009 a {
	font: 11px Arial, Helvetica, sans-serif;
	color:#0686f4;
	}
.navigation2009 a, .navigation2009 span {
	cursor:pointer;
	text-decoration:underline;
	}
/*---------------------------------------------------------------------------*/
/*-------------------------- boutonPartenariat     --------------------------*/
/*---------------------------------------------------------------------------*/
.partenariatBouton{
	padding:0px;
	text-align:center;
	padding-right:30px;
	padding-top:10px;
	width:311px;
	background:url(/php/boutique/objets2009/chartreGraphique/boutonPartenariat.gif) no-repeat top right;
	height:61px;
	cursor:pointer;
	}
.partenariatBoutonContenu{
	white-space:nowrap;
	margin:5px;
	font:30px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color:#0686f4;
	}