html body
{     
text-align: center;
background-color:#323232;

background-image: url("../images/bg_head.jpg");
  background-position:top center;
  background-repeat :no-repeat;  



}

html body, table
{
  font-family: Verdana, Helvetica, Sans serif;
  font-size: 8pt;  
  font-weight: normal;
  font-style : normal;
  text-decoration: none;
  color:#fff;
}


* {
	margin: 0px;
	Xpadding: 0px; /* supprimé pb avec les padding par défaut des tableaux d'osc */
}

img {
  border: 0px;
}

br {
  height: 10px;
  font-size: 10px;
}

A {
  color: #fff;
  text-decoration: none; 
}

A:hover {
  color: #ccc;  
  text-decoration: underline;
}



td.smallText A {
  color: #fff;
  text-decoration: none; 
}

td.smallText A:hover {
  color: #fff;
  text-decoration: underline;
}


/* lien general */
a.lien_gen, a.lien_gen:active, a.lien_gen:visited, a.lien_gen:link
{
 color: #d37511;
 text-decoration: none;
 font-weight:bold;
}

a.lien_gen:hover 
{
 color:#000;
 text-decoration: underline;
 font-weight:bold;
}

/* lien transitions entre pages */
a.pageResults
{
  color: #d37511;
}

a.pageResults:hover
{
  color: #d37511;
  text-decoration: underline;
}


/* texte general */
span.text_gen_1
{
  color:#d37511;
  font-weight:bold;
}

/* msg erreur general */
span.errorText
{
  color: #d37511;
  Xfont-weight:bold;
}

/* msg stacks */
.messageStackError, .messageStackWarning
{
  font-size: 10px; 
  background-color: #d37511;
  color: #fff;
}

.messageStackSuccess 
{
  font-size: 10px;
  background-color: #DFC087;
  color: #fff;
}

/* msg notification produit apres commande */
.productsNotifications
{
  background: #DFC087;
  color: #fff;
}

/* msg champs requis */
.inputRequirement
{ 
  font-size: 10px;
  color: #d37511;
}


/* __________________________________ structure _______________________________ */

img#imgHome{
 position: absolute;
 width: 123px;
 height: 230px;
 left:10px;
 top:10px; 
 Xborder:1px solid red;
}

div#page
{
  position: relative;
  Xmargin-left: auto;
  Xmargin-right: auto;
  width: 990px;
  text-align: left;  
}


div#page2
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  Xbackground-image: url("../images/bg_body.jpg"); 
  Xbackground-repeat: repeat-y;   
}



div#header
{
  height: 258px;
  width: 990px;
  z-index:1;
  display: block;
  background-image: url("../images/head.jpg");  
  
}

div#colonne_gauche
{
  float:left;
  margin-left:0px;
	width: 144px;
	z-index: 2;
	display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
	
	Xmargin-bottom:100px; /* pour l'image de footer */
	
	Xborder: 1px solid blue;
}


div#colonne_milieu
{
  float:left;
  margin-left:18px;
  
  margin-top:10px;
 
  background-color: #323232;
	width:667px;
	min-height: 500px;
	_height: 500px;
	z-index:2;	
	display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
	
	xmargin-bottom:100px; /* pour l'image de footer */
	
	Xborder: 1px solid red;
	
}



div#main_cont{
	width:667px;
	Xpadding-left: 7px;
	Xpadding-right: 6px;
	Xmargin-left:7px;
}



div#colonne_droite
{
  float:left;   
  margin-left:17px; 
  
	width:144px;		
	z-index:2;
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
  
  Xmargin-bottom:100px; /* pour l'image de footer */
  
  Xborder: 1px solid blue;

  
}



div#footer
{     
  position:relative;
  clear:both;    
  width:996px;
  height:51px;
  text-align:center;

  background-image: url("../images/footer.gif");  
  background-repeat :no-repeat;  
  
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;    
  Xborder:1px solid red;
}



div#infosLegales
{
  position:absolute;
  top:30px;
  left:0px;
  width:990px;
  height:20px;  
  text-align:center;
  xborder:1px solid red;
  color: #fff;   
}

div#infosLegales a
{  
  color: #ff;
}


div#adresse
{  
  position:absolute;
  top:10px;
  left:0px;
  width:990px;
  height:20px;  
  text-align:center;
  color:#fff;
  Xborder:1px solid red;
}



div#conception
{
  position:absolute;
  left:200px;
  top:135px;
  width:700px;
  height:20px;  
  text-align:center;
  Xborder:1px solid red;  
}


div#chemin
{
  position: absolute; 
  top:238px;
  left:290px;
  width: 520px; 
  height: 16px; 
  z-index:2;
  Xborder:1px solid red;
  font-weight: bold;
}

div#boutonMenuCompteCommander
{
  position: absolute;
  top:145px;
  right:20px;
  height: 20px; 
  width:220px;
  text-align:center;  
  color : #000;
  Xborder:1px solid red;
}

div#boutonMenuCompteCommander a
{
  color: #000;
}

div#boutonMenuSession
{
  position: absolute;
  top:10px;
  right:30px;
  height: 20px; 
  text-align:right;  
  color : #000;
  Xborder:1px solid red;
}

div#boutonMenuSession a
{
  color: #fff;
}






/* liens bouton menu */
a.txtBoutonMenuTitle
{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
}

a.txtBoutonMenuTitle:hover
{
  color:#fff;
  font-weight:bold;
  text-decoration: underline;
}


/* liens trailer */
a.headerNavigation
{ 
  color: #fff; 
  text-decoration: none;
}

a.headerNavigation:hover
{
  color: #ccc; 
  text-decoration: underline;
}

span.headerNavigation
{
  color:#fff;
}

/* menu categories */
a.categories_level0
{
  font-family: Arial;
  color: #6f400c;  
  padding-left:5px;
}

a.categories_level0:hover
{
  color:#000;
  text-decoration: underline;
  padding-left:5px;
  
}

a.categories_level1
{
  font-family: Arial;
  color:#d37511;
  padding-left:5px;
}

a.categories_level1:hover
{
  text-decoration: underline;
  color:#000;
  padding-left:5px;
}

a.categories_current
{
  font-family: Arial;
  color:#000;
  font-weight:bold;
  padding-left:5px;
}

a.categories_current:hover
{
  color:#000;
  text-decoration: underline;
  font-weight:bold;
  padding-left:5px;
}


div.categories_list, td.categories_list{
  display: inline;
  float: left;
  margin-left: 3px;
  width: 148px;
  height: 175px;
  text-align: center;
  padding-top: 12px;
  background-image: url("../images/bg_sscategories-13.jpg");
  background-repeat: no-repeat;
  font-size: 13px;    
}

.categories_list a{
  color:#fff;
  font-weight:bold;
}

.categories_list a:hover{
  color:#000;
  font-weight:bold;
  text-decoration: underline;  
}


/* __________________________________ box critères 3 et 4 (marque/modele)_______________________________ */
div#ConteneurBoxCrit34
{
  position:absolute;
  top:150px;
  left:410px;   
  width: 123px;      
  height:50px;
  Xborder:1px solid red;
}

/* _______________________________________ box recherches ____________________________________________ */
div#ConteneurSearch
{
  position:absolute;
  top:185px;
  left:160px;   
  width: 270px;      
  height:50px;
  Xborder:1px solid red;
}


input#boxSearchGo
{
  position: absolute;
  left: 240px;
  top: 12px;
}

div#boxSearchInput
{
  position: absolute;
  top: 15px;
  left: 140px;
  width: 93px;
  height: 19px;
}

div#boxSearchText
{
  position: absolute;
  width:130px;
  top: 14px;
  left: 0px;
  color: #fff;
}

div#boxSearchAdvanced
{
  position:absolute;
  top:28px;
  left:10px;
  width:115px; 
}

div#boxSearchAdvanced a
{
  color: #6f400c;
}

div#boxSearchAdvanced a:hover
{
  color: #6f400c;
  text-decoration : underline;
}


/* _______________________________________ separeteurs recherches ___________________________________ */
img#SeparateurRecherches
{
  position:absolute;
  top:160px;
  left:310px;
  width:3px;
  height:48px; 
}


/* _______________________________________ box panier _____________________________________________ */
div#ConteneurPanier
{
  position:absolute;
  top:196px;
  left:833px;   
  width: 130px;      
  height:40px;
  Xborder:1px solid red;
}





/* _____________________________________________ box generique _____________________________________________ */

div.ConteneurBoxGen
{
  position:relative;
  width: 144px;
  Xborder:1px solid blue;    
}


div.headBoxGen
{
  position:relative;
  width: 144px;
  height: 19px;  
  background-image: url(../images/HeadCategories_box.gif);  
}

div.mainBoxGen
{  
  position:relative;  

  width: 144px;    
  background-image: url(../images/flt_menu.gif);  
  background-repeat:repeat-y;
  color: #2e261d;  
  
}

div.mainBoxGen2
{    
  
  margin-left:5px;   
  margin-right:5px;  
}

div.footBoxGen
{
  position: relative; 
  width: 144px;
  height: 8px;
  font-size: 0px;
  background-image: url(../images/foot_menu.gif);  
}


div.headTitleBoxGen
{
  position: relative;
  width: 100%;
}

/* lien + d'infos box */
div.headLinkBoxGen
{
  position:absolute;
  Xborder:1px solid red;
  top: 7px;
  right: 7px;
}







/* _____________________________________________ box categories _____________________________________________ */
div.headBoxCategories
{
  position:relative; 
  width: 144px;
  height: 36px;
  background-image: url(../images/head_categories.gif);
  background-repeat: no-repeat;
}


div.mainBoxCategories
{
  position:relative;  
  
  width: 144px;
  border: 0px;
  padding-top:0px;
  padding-bottom:0px;
  Xpadding-left:10px;
  Xpadding-right:10px;
  background-color: #fff;   
  
  min-height:200px;
  _height:200px;
  
  background-image: url(../images/flt_menu.gif);
  background-repeat: repeat-y;  
 
}

div.footBoxCategories
{
  position: relative;    
  width: 144px;
  height: 8px;
  font-size: 0px;
  background-image: url(../images/foot_menu.gif);

}




/* _____________________________________________ box avantages _____________________________________________ */
div.headBoxAvantages
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;  
  background-image: url(../images/head_avantages.gif);  
}

/* _____________________________________________ box news  _____________________________________________ */
div.headBoxNews
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;  
  background-image: url(../images/head_nouveautes.gif);   
}

/* _____________________________________________ box partenariat  _____________________________________________ */
div.headBoxPartenariat
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;  
  background-image: url(../images/head_partenariat.gif);
}

/* _____________________________________________ box promotions  _____________________________________________ */
div.headBoxPromotions
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;  
  background-image: url(../images/head_promotions.gif);  
}

/* _____________________________________________ best sellers  _____________________________________________ */
div.headBoxBestSellers
{
  position:relative; 
  margin-top:20px;
  width: 144px;
  height: 36px;
  background-image: url(../images/head_topventes.gif);
}

/* _____________________________________________ best tell a friend  _____________________________________________ */
div.headBoxTellafriend
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;
  background-image: url(../images/head_envoyeraunami.gif);
}

/* _____________________________________________ best reviews (avis)  _____________________________________________ */
div.headBoxReviews
{
  position:relative;  
  margin-top:20px;
  width: 144px;
  height: 36px;
  background-image: url(../images/head_avis.gif);
}



/* _____________________________________________ box notifications  _____________________________________________ */

div.headBoxNotifications{
  position:relative;    
  width: 144px;
  height: 36px;
  background-image: url(../images/head_alerteemail.gif);
}

div.mainBoxNotifications
{
  position:relative;   
  height: 132px;  
  
  margin-left:0px;
  margin-right:0px;

  Xwidth: 134px;   /*Il faut éviter de donner un "width" à un élément qui possède des padding latéraux (gauche/droite) ou des bordures latérales. Préférer donner des margin externes à cet élément.*/
  border:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:10px;
  padding-right:10px;
  
  
  background-image: url(../images/boxNewsproduits.gif);  
  
}

div.main2BoxNotifications
{
  position:absolute;
  top:45px;
}



/*_____________________________________________ box search _____________________________________________ */

div#conteneurBoxSearch
{
  position:relative;  
  width:141px;
  height:90px;  
}

div#mainBoxSearch
{
  position:relative;
  
  top:0px;
  left:0px;
  height:100%;
  
  background-image:url("../images/fd_moteur.gif");    
  background-repeat:no-repeat;
  padding:5px;
}

/* _____________________________________________ contents accueil _____________________________________________ */

div#accueil
{
  position:relative;
  width:667px;
  height:191px;  
  background-image:url("../images/bg_accueil.jpg");
  background-repeat:no-repeat;   
}

img#accueilFoot
{
  position:relative;
  width:667px;
  height:17px;     
}

div#accueilGreetings
{
  position: relative;
  padding-top: 10px;
  margin-left: 350px;
  margin-right:20px;
  height:170px;
  width:290px;
  color:#fff;
  text-align: left;  
  Xborder: 1px solid red;
  overflow:hidden;
}

div#accueilIntro
{
  position:relative;
}

div#promos
{
  position: relative;
  Xborder:1px solid red;
  width:620px;
}

div#news
{
  position: relative;  
  width:620px;
  height:208px;  
}

img.news_promos
{
  border:0px;
}

img.imgPromo1
{
  border:0px;
  float: left;
  display: inline;
  width: 287px;
  height: 153px;
  margin-top:10px;  
}

img.imgPromo2
{
  border:0px;
  float: left;
  display: inline;
  width: 287px;
  height: 153px;
  margin-top:10px;
}

div.imgPromo3
{
  position:relative;
  float: left;
  
  border:0px;
  margin-top:10px;  
  display: inline;
  width: 287px;
  height: 153px;  
  background-image:url("../images/bg_promo-mauve.jpg");
  background-repeat: no-repeat; 
}

.promo_detail_product_price_small
{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

img.promo_detail_img
{
  position:absolute;
  top:40px;
  left:10px;
  width: 100px;
  height: 100px;
}

div.promo_detail_price
{
  position: absolute;
  left:145px;
  bottom:25px;
  width:120px;
  height:30px;
  text-align:center;
}

div.promo_detail_name
{
  position: absolute;
  left:145px;
  top:30px;
  width:120px;
  height:70px;
  text-align:center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;  
}

div.promo_detail_desc
{
  position: absolute;
  left:150px;
  top:40px;
  width:120px;
  height:30px;
  
  font-size:9px;
  border:1px solid blue;
  color:#fff;
}


div.news_promos
{
  position:relative;
  margin-top: 5px;
  width: 620px;
}

div#accueilUpcomingProducts
{
  position: relative;
  margin-top:10px;
}

/* message intro */
span.greetUser
{
  font-size: 12px;
  color: #d37511;
  font-weight: bold;
}

a.greetLink
{
 color: #d37511;
 text-decoration: none;
}

a.greetLink:hover
{
 color:#d37511;
 text-decoration: underline;
}




/* _____________________________________________ contents heading ___________________________________________ */


h1 {
margin-left: 20px;
margin-bottom: 1px;
font-size: 18px;
font-weight: bold;
color: #fff;
}

/* utilisé pour les deux colonnes du heading */
TD.pageHeading, DIV.pageHeading
{
  font-size: 20px;
  font-weight: bold;  
}

td.pageHeading span.product_price{
 color: #fff;
}

table#enTeteContentGen
{
  position:relative;
  height:52px;
  width:667px; 
  background-image:url("../images/fd_title-cat.gif");       
 
}


/* headings qd visu picto rubrique */
div.pageHeadingBox
{
  position:relative;

  margin-right:10px;

  width:48px;

  height:48px;

  background-image:url(../images/b-gtitle_picto-sscategories.gif);
  background-repeat:no-repeat;
  
  Xbackground-position:0px 0px;  
  margin-top:1px;
  
  Xborder:1px solid red;
  
  
}

img.pageHeadingBox
{
  position: relative;
  margin-top: 0px;
  margin-right: 20px;
}

/* headings qd pas visu picto rubrique */
div.pageHeadingBox2
{    
}

img.pageHeadingBox2
{
  position: relative;
  margin-top: -10px;
  margin-right: 10px;
}



/* _____________________________________________ general ___________________________________________ */

/* ligne (choix methode de paiement, methode de transport etc ...) */
.moduleRow
{
}

.moduleRowOver
{
  background-color: #777; cursor: pointer; cursor: hand;
}

.moduleRowSelected
{
  background-color: #aaa;
}

/* couleur prix normal */
span.product_price
{
  color: #ff;
  font-weight: bold;  
}

/* couleur prix special */
span.product_special_price
{
  color: #ffff00;
  font-weight: bold;
  font-size: 16px;
}


/* onglet de separation */
img.general_onglet
{
  position:relative;
  width:667px;
  margin-top:20px;
  margin-bottom:20px;  
  height:38x;
}


div.general_onglet
{
  position:relative;
  width:667px;
  margin-top:20px;
  margin-bottom:10px;  
  height:33px;
  
  padding-top:6px;
  
  background-image: url("../images/bg_souscat.gif");
  background-repeat: no-repeat;
}


div.general_onglet_title
{
  position:relative;      
  margin-left:20px;
  color: #ffffff;
  font-size:12px;    
  Xbackground-color: #3d4247;  
  height:20px;
  padding-top:4px;
  padding-left:5px;
}




/* __________________________________________ fiche detail produit ________________________________________ */

div#detail_cadre_gauche
{
  position:relative; 
  margin-top:15px;
  
  float:left;
  
 
    
  width:283px;
  height:284px;
  
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
  text-align: center;
  
  z-index:1;
  
  background-image: url("../images/bg_photo_detail.gif");
  
  background-repeat: no-repeat;
  
}


table#detail_cadre_droite
{
  position:relative;
  margin-left:12px;
  
  margin-top:17px;
  
  float:left;
  
  width:371px;
  
  _height:253px;
  min-height:253px;
    
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */    
  
  Xborder:1px solid red;
}

div#detail_photo_main
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  height:250px;
  margin-top:10px;
}

#img_detail_cont img{
  
}

#img_zoom {
  position: relative;
  float: right;
  top: 0px;
  right: 0px;
  width: 45px;
  height: 21px;
  border: none;
}


div#detail_droite_header_main_2
{  
  height:52px;  
  width:371px;   
  background-image:url(../images/bg_title_detail.gif);  
  
}


div#detail_droite_header_main
{  
  min-height:50px;
  _height:50px;
  width:371px;   
  background-color:#a9a9a9;
}

img#detail_droite_header_top
{
  width:371px;
  height:8px;
  display:block;
}

img#detail_droite_header_bottom
{
  width:371px;
  height:8px;
  display:block;
}



div#detail_product_reference
{
  padding-left:10px;
  margin-top:10px;
  font-size:12px;
  color:#fff;
  font-weight: bold;
  height:30px;      
}



div#detail_product_name
{
  padding-left:10px;
  padding-right:10px;  
  
  color:#fff;
  width: 100%;
  font-weight:bold;
  font-size:18px;
  vertical-align: top; 
}



div#detail_product_price
{
  margin-top:10px;
  font-weight:bold;
  font-size:20px;
  color:#fff;
  width:212px;
  height:33px;
  background-image:url(../images/bg_prix.jpg);
  background-repeat: none;
  padding-top:5px;
}



div#detail_bouton_ajouter
{
  margin-top:10px;
   
  background-image:url(../images/bt_ajouter.gif);
  background-repeat: none;
  width: 127px;
  height: 30px;
  padding-top: 5px;
}



a#detail_bouton_avis
{
  position:absolute;
  left:60px;
  top:255px;
}


a#detail_bouton_retour
{

}


a#detail_bouton_ami
{  
}



div#detail_product_description
{  
  min-height: 200px;
  _height: 200px;  /* hauteur min */    
  padding-left:10px;
  padding-right:10px;  
  color:#fff;
  
  
}

/* boite liste d'articles (produits liés, achetés également, nouveaux produit) */
td.infoBoxHeadingMiddle
{    
  height: 33px;    
  background-image:url("../images/flt_title-generik.gif");    
  color: #ffffff;
  font-size:12px;  
  padding-left:6px;
}

td.infoBoxHeadingLeft
{
  height: 33px;
  width: 86px;
  background-image:url("../images/left_title-generik.gif");  
  color: #fff; 
  Xborder:1px solid red;
}

td.infoBoxHeadingRight
{  
  height: 33px;    
  width: 33px;
  background-image:url("../images/right_title-generik.gif");
  background-repeat: no-repeat; 
  color: #ffffff;
}

/* img + d'infos */
td.infoBoxHeadingRightArrow
{  
  height: 33px;
  width: 23px;
  background-image:url("../images/right_title-generik.gif");
  background-repeat: no-repeat;
  color: #ffffff;  
}

/* heading simple */
td.infoBoxHeading
{  
  height: 16px;    
  font-size: 10px;
  font-weight: bold;
  background-color: #444;
  color: #fff;  
}

td.infoBoxContents{
 color: #fff;
}

td.smallText span.product_price{
 color: #fff;
}

/* edition info pratenaires ... */
table.formArea {  
  border-color: #444;
  border-style: solid;
  border-width: 1px;
}

/* _______________________________________ liste de produits (CATEGORIE) ______________________________________ */
table.productListing
{
  Xborder: 1px solid #f00;  
  font-size: 10px; 
  
  background-image: url(../images/bg_liste.gif);  
  
  background-position:0px 20px;
  
  background-repeat: repeat-y;
  
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}


table.productListing td.productListing-heading
{      
  font-weight: bold;  
  
  vertical-align:middle;
  padding:0px;
  color:#fff;
  margin:0px;
  height:20px;
  background-color:#6f4201;  
}

/* colonne image */
table.productListing td.productListing-data0
{ 
  vertical-align:middle;
  
  padding-left:7px; 
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
}

table.productListing td.productListing-data0 img
{
  Xborder:1px solid red;    
  display:block;
  
  padding:0px;
  width:115px;
  height:115px;
  margin:0px;
}

/* colonne nom produit */
table.productListing td.productListing-data1
{ 
  vertical-align:middle;  
  
  margin:0px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
  
  font-size:12px;
  
  
}

table.productListing td.productListing-data1 a
{
  color: #eadce9;
}


/* colonne prix */
table.productListing td.productListing-data2
{ 
  vertical-align:middle;  
  
  margin:0px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
  
  font-size:15px;
  font-weight:bold;
}





/* colonne detail */
table.productListing td.productListing-data3
{  
  vertical-align:middle;    
  
  margin:0px;
  
  padding-right:5px;
  XXpadding-top:5px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
}


/* lignes paires */
table.productListing tr.productListing-even
{      
  height:144px;     
  Xbackground-color:blue; 
  
  margin:0px;
  padding:0px;
}

/* lignes impaires */
table.productListing tr.productListing-odd
{  
  height:144px;   
  Xbackground-color:red;  
  
  margin:0px;
  padding:0px;   
}

/* _______________________________________ liste de produits PANIER ______________________________________ */


/* lien vers panier */
a.lien_shopping_card
{
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}

a.lien_shopping_card:hover
{
  color: #fff;
  text-decoration: underline;
  font-weight:bold;
}


/* panier cas affichage uniquement nb produit et lien contenu */
div#shopping_card_count
{
  position: absolute;
  top:0px;
  left:0px;
  
  width:130px;
  height:15px;
  text-align: center;
  color: #fff;  
}


div#shopping_card_show_link
{
  position: absolute;
  top: 20px;
  left:0px;
  
  text-align: center;
  width:130px;
}


/* ici !!! */


table.shoppingCardListing
{
  Xborder: 1px solid #f00;  
  font-size: 10px; 
  
  background-image: url(../images/bg_liste.gif);  
  
  background-position:3px 20px;
  
  background-repeat: repeat-y;
  
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}

table.shoppingCardListing td.productListing-heading
{    
  font-weight: bold;  
  
  vertical-align:middle;
  padding:0px;
  color:#fff;
  margin:0px;
  height:20px;
  background-color:#6f4201;
  text-align:center
}



/* cels */
/*table.shoppingCardListing td
{
  padding: 0px;
  margin:0px;
  vertical-align: middle;
  text-align: center;   
}*/

/* lignes */
table.shoppingCardListing td.productListing-data
{
  padding: 0px;
  vertical-align: middle;
  text-align: center;
}




/* colonne image + nom + options */
table.shoppingCardListing td.productListing-data0
{ 
  vertical-align:middle;
  
  padding-left:7px; 
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  
}

table.shoppingCardListing td.productListing-data0 img
{
  xborder:1px solid red;    
  display:block;
  
  padding-right:10px;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin:0px;
  width: 115px;
  height: 115px;
  
}

table.shoppingCardListing td.productListing-data0 a
{
  color: #fff;
  font-weight: bold;
}

table.shoppingCardListing td.productListing-data0 a:hover
{
  color: #fff;
  font-weight: bold;
}

/* colonne quantité + total + supprimer */
table.shoppingCardListing td.productListing-data1, table.shoppingCardListing td.productListing-data3
{  
  vertical-align: middle;
  margin:0px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
}

table.shoppingCardListing td.productListing-data2
{
  color: #fff;
  font-weight: bold;
  font-size: 12px; 
  
  margin:0px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
}


/* lignes paires */
table.shoppingCardListing tr.productListing-even
{    
  height:144px;     
  Xbackground-color:blue; 
  
  margin:0px;
  padding:0px;
}

/* lignes impaires */
table.shoppingCardListing tr.productListing-odd
{  
  height:144px;   
  Xbackground-color:red;  
  
  margin:0px;
  padding:0px;
}