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

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

.main b
{
  color:yellow;
}

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

img {
  border: 0px;
}

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

A:hover {
  color: #000;  
  text-decoration: none;
}


/* lien general */
a.lien_gen
{
 color: #00369c;
 text-decoration: none;
 font-weight:bold;
}

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

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

a.pageResults:hover
{
  color: #000;
}


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

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

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

.messageStackSuccess 
{
  font-size: 10px;
  background-color: #00369c;
}

/* msg notification produit apres commande */
.productsNotifications
{
  background: #444;
}

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


/* __________________________________ structure _______________________________ */

div#page
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 939px;
  text-align: left;
  Xborder:1px solid green;
}

div#header
{
  height: 214px;			
	z-index:1;
}

div#colonne_gauche
{ 
  float:left;
  margin-top:-10px;
  
	width:134px;		
	z-index:2;	
	display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
}

/* necessaire pour avoir le fond dans la colonne de droite, quand le footer est repoussé par la colonne de gauche et que la colonne de droite est moins haute que celle de gauche */
div#colonne_all
{  
  margin-left:10px;  
  Xmargin-bottom:10px;
  float:left;
  width:919px;
  background-image: url("../images/filet_content2.gif");    
  Xbackground-color:red;
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
}


div#colonne_droite
{
  float:left;  
  position:relative;
  margin-left:22px; 
  width: 763px;  
  Xborder:1px solid red;   
  z-index:2;  
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
  background-image: url("../images/filet_content.gif");  
  
  
}

div#colonne_droite_padding
{
  float:both;  
  width: 707px;
  margin-left:27px;
  Xmargin-right:10px;
  Xborder:1px solid red;  
}

img#patte_gauche
{
  position:absolute;
  top:196px;
  left:0px;  
  z-index:5;
}

img#patte_milieu
{
  position:absolute;
  top:196px;
  left:137px;    
  z-index:5;
}

img#patte_droite
{
  position:absolute;
  top:196px;
  left:922px;
  z-index:5; 
}



div#footer
{  
  position:relative;
  clear:both;    
  width:940px;
  height:156px;
  text-align:center;
  background-image: url("../images/fd_foot.gif");   
  margin-bottom:20px;
}

img#paiementSecu
{
  position:absolute;
  top:30px;
  left:175px;
  width:119px;
  height:67px;
}

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

div#adresse1
{
  position:absolute;
  left:350px;
  top:45px;
  width:400px;
  height:20px;  
  text-align:center;
  color:#999;
  Xborder:1px solid red;
}

div#adresse2
{
  position:absolute;
  left:350px;
  top:62px;
  width:400px;
  height:20px;  
  text-align:center;
  color:#999;
  font-size:15px;
  Xborder:1px solid red;
}

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

div#bandeau
{
  position: absolute; 
  width: 939px; 
  height: 214px; 
  left: 0px; 
  top: 0px; 
  background-image:  url(../images/fd_bandeau.jpg); 
}

div#bandeau2
{
  position: absolute; 
  width: 939px; 
  height: 214px; 
  left: 0px; 
  top: 0px; 
  background-image:  url(../images/fd_bandeau2.jpg); 
}

img#retourIndex
{
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 170px; 
  height: 130px;   
  z-index:2;
  Xborder:1px solid red;
}


div#chemin
{
  position: absolute; 
  top:190px;
  left:540px;
  width: 340px; 
  height: 15px; 
  z-index:2;
  xborder:1px solid red;
  font-weight: bold;
}

div#menu
{
  position: absolute; 
  top:160px;
  left:505px;  
  height: 19px; 
  z-index:2;
  Xborder:1px solid green;  
  text-align:center;
}

div#boutonMenuCompte
{
  position: absolute;
  top:0px;
  left:5px;  
  width: 95px;
  height: 19px;    
  text-align:center;  
}

div#boutonMenuCommander
{
  position: absolute;
  top:0px;
  left:114px;  
  width: 95px;
  height: 19px;
  text-align:center;    
}

div#boutonSession
{
  position: absolute; 
  top:0px;
  left: 225px;   
  width: 180px; 
  height: 19px;      
  text-align:center;  
}


div.boutonMenuTitle
{
  position:absolute;  
  top:4px;  
  left:0px;
  width: 100%;
  height:100%;
  text-align:center;  
  
}


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

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


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

a.headerNavigation:hover
{
  color: #b00; 
  text-decoration: none;
}

span.headerNavigation
{
  color:#ddd;
}

/* menu categories */
a.categories_level0
{
  color:#ddd;  
}

a.categories_level0:hover
{
  color:#000; 
}

a.categories_level1
{
  color:#7FA0E5;  
}

a.categories_level1:hover
{
  color:#000;
}

a.categories_current
{
  color:#7FA0E5;
  font-weight:bold;
}

a.categories_current:hover
{
  color:#7FA0E5;
  font-weight:bold;
}


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

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


input#boxSearchGo
{
  position:absolute;
  top:1px;
  left:95px;
}

div#boxSearchInput
{
  position:absolute;
  top:0px;
  left:0px;  
}

div#boxSearchText
{
  position:absolute;
  left:0px;
  top:22px;  
  width:140px;  
  Xborder:1px solid red;
}

div#boxSearchAdvanced
{
  position:absolute;
  top:36px;
  left:0px;
  width:115px;  
}


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

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


/* _______________________________________ box avantages _____________________________________________ */
div#ConteneurAvantages
{
  position:absolute;
  padding-top: 10px;
  padding-left:10px;
  top:62px;
  left:522px;
  width: 172px;
  height:50px;
  
  _width: 182px;
  _height:60px;
  
  background-image: url(../images/bg_cadeaux.gif);
}

div#ConteneurAvantages a
{
  color: #ddd;
}

div#ConteneurAvantages a:hover
{
  color: #fff;
}


/* _____________________________________________ box generique _____________________________________________ */

div.ConteneurBoxGen
{
  position:relative;
  top:0px;
  left:0px;  
  width: 134px;
  Xborder:1px solid blue;
  margin-top:10px;
}


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

div.mainBoxGen
{  
  position:relative;  
  
  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/filet_box.gif);   

}

div.footBoxGen
{
  position:relative;   
  height: 16px;  
  background-image: url(../images/foot_box_12.gif);  
}


div.headTitleBoxGen
{
  position:absolute;
  top:0px;  
  left:0px;
  width: 100%;
  height:100%;  
}

/* lien + d'infos box */
div.headLinkBoxGen
{
  position:absolute;
  top:-1px;
  right:0px;   
   
}


/* _____________________________________________ box categories _____________________________________________ */
div.headBoxCategories
{
  position:relative; 
  width: 100%;
  height: 48px;  
  background-image: url(../images/HeadCategories_box.gif);  
}


div.mainBoxCategories
{  
  position:relative;  
  
  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/filet_box.gif);   
  
  min-height:200px;
  _height:200px;

}



/* _____________________________________________ box avantages _____________________________________________ */
div.headBoxAvantages
{
  position:relative; 
  width: 100%;
  height: 48px;  
  background-image: url(../images/HeadAvantages_box.gif);  
}

/* _____________________________________________ box news  _____________________________________________ */
div.headBoxNews
{
  position:relative; 
  width: 100%;
  height: 48px;  
  background-image: url(../images/HeadNouveautes_box.gif);  
}

/* _____________________________________________ box partenariat  _____________________________________________ */
div.headBoxPartenariat
{
  position:relative; 
  width: 100%;
  height: 48px;  
  background-image: url(../images/HeadPartenariat_box.gif);  
}

/* _____________________________________________ box promotions  _____________________________________________ */
div.headBoxPromotions
{
  position:relative; 
  width: 100%;
  height: 48px;  
  background-image: url(../images/HeadPromotions_box.gif);  
}

/* _____________________________________________ box notifications  _____________________________________________ */
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:123px;
  height:88px;  
  
}

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:703px;
  height:240px;
  background-image:url("../images/fd_accueil.jpg");
  Xborder: 1px solid red;
}

div#accueilGreetings
{
  position:absolute;
  top:75px;
  left:230px;
  width:370px;
  height:35px;
  Xborder:1px solid red;
  color:#FFF;
  text-align:center;
}

div#accueilIntro
{
  position:absolute;
  top:100px;
  left:130px;
  width:525px;
  Xheight:105px;
  Xoverflow:hidden;
 Xborder:1px solid red;
}

div#promos
{
  position: relative;  
  Xborder:1px solid red;
  width:703px;
  height:208px;
}

div#news
{
  position: relative;  
  Xborder:1px solid red;
  width:703px;
  height:208px;  
}

img.news_promos
{
  position:absolute;
  left:0px
  top:0px;
  width:62px;
  height:208px;
  margin-left:-3px;
  Xborder:1px solid red;
}

img.imgPromo1
{  
  border:0px;
}

img.imgPromo2
{
  border:0px;
}

div.news_promos
{
  position:absolute;
  top:4px;
  left:64px;
  height:200px;
  width:641px;
  Xborder:1px solid blue;
}

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


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

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

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


/* _____________________________________________ contents heading ___________________________________________ */


h1 {
font-size: 20px;
font-weight: bold;
color: #eee;
}

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

table#enTeteContentGen
{
  position:relative;
  top:0px;
  left:0px;
  height:51px;
  width:705px;
  margin-top:8px;
  margin-bottom:10px;  
  border:0px;  
  background-image:url("../images/fd_titre-cat.gif");  
  background-repeat: no-repeat;
  Xpadding-right:10px;
  enTeteContentGen
}


/* headings qd visu picto rubrique */
div.pageHeadingBox
{
  Xposition:relative;
  Xmargin-right:10px;
  Xwidth:65px;
  Xheight:35px;
  
}

img.pageHeadingBox
{
  Xposition:absolute;
  Xtop:0px; 
  Xleft:0px; 
  Xborder:1px solid red;
}

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

img.pageHeadingBox2
{
    
}



/* _____________________________________________ general ___________________________________________ */

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

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

.moduleRowSelected
{
  background-color: #444;
}

/* couleur prix normal */
span.product_price
{
  color:yellow;  
}

/* couleur prix special */
span.product_special_price
{
  color:white;
}


/* onglet de separation */
img.general_onglet
{
  position:relative;
  width:707px;
  margin-top:20px;
  margin-bottom:20px;  
  margin-left:-3px;
  height:27px;
}

img.general_onglet_2
{
  position:relative;
  width:707px;
  margin-top:20px;
  margin-bottom:10px;  
  margin-left:-3px;
  height:27px;
}


div.general_onglet
{
  position:relative;
  width:707px;
  margin-top:20px;
  margin-bottom:10px;  
  margin-left:-3px;
  height:27px;
  background-image:url("../images/onglet.gif");    
}


div.general_onglet_title
{
  position:absolute;  
  left:108px;
  top:9px;
  color: #ddd;    
  font-size:10px;  
}

/* _______________________________________ choix critere 3 et/ou 4 ________________________________________ */
table#choice_crit_3_4
{  
  position:relative; 
  width:704px;       
  background-color:#545454;  
}


div.choix_crit_3_4_elt
{
  position:relative;  
  float:left;
  text-align:center;
  padding-bottom:15px;
  padding-top:15px;
  width:100px;
  Xheight:100px;
}

/* __________________________________________ fiche detail produit ________________________________________ */

div#detail_cadre_gauche
{
  position:relative; 
  float:left;
    
  width:334px;
  XXheight:235px;
  height:285px;
  border-left:1px solid #333;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  Xborder-right:1px solid #333;
  
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
  
  z-index:1;
}


table#detail_cadre_droite
{
  position:relative;
  float:left;
  
  width:370px;
  
  _height:235px;
  min-height:235px;
  
  Xbackground-color:#a1a1a1; 
  
  Xborder-right:1px solid #333;
  Xborder-top:1px solid #333;
  Xborder-bottom:1px solid #333;
  border-left:1px solid #333;
  
  display: inline; /* corrige un bug sous ie6 qui double les marges quand on a un float */
 
}

div#detail_photo_main
{
  position:absolute;
  left:25px;
  top:35px;  
}

div#detail_photo_extra
{
  position:absolute;
  left:25px;
  top:190px;  
  width: 280px;
  height: 40px;
  Xborder: 1px solid red;
  
}

img#detail_corner_gauche
{
  position:absolute;  
  Xleft:26px;  
  left: -2px;
  Xtop:379px;  
  
  top:242px;  
  _top: 240px; /* HACK IE */
  
  
  width:45px;
  height:45px;
  z-index:2;
}


table#detail_cadre_droite tr#detail_product_description
{
  background-color:#a1a1a1;     
  
  height:230px;  /* hauteur min */      
}

table#detail_cadre_droite td#detail_product_description
{
  border-right:1px solid #333;
}

table#detail_cadre_droite tr#detail_product_name
{
  background-color:#333;
  color:#fff;
  font-weight:bold;
  font-size:14px;  
}


table#detail_cadre_droite tr#detail_product_reference
{
  background-color:#333;
  color:#ccc;
}

table#detail_cadre_droite td#detail_product_price
{
  border-bottom:1px solid #333;  
  border-top:1px solid #333;  
}



table#detail_cadre_droite td#detail_bouton_ajouter
{
  border-top:1px solid #333;
  border-left:1px solid #333;
  background-image:url(../images/fd_BtAjouter_07.gif);      
}

table#detail_cadre_droite td#detail_price
{
  border-top:1px solid #333;
}




span.detail_product_price
{
  font-size:14px;
  font-weight:bold;  
}


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

a#detail_bouton_retour
{
  position:absolute;
  Xleft:130px;
  Xtop:300px;
  left:60px;
  top:255px;
}

a#detail_bouton_ami
{
  position:absolute;
  left:180px;
  top:255px;
}


span.detail_product_price
{
  font-size:14px;
  font-weight:bold;
}

div.detail_product_description
{
padding:10px;  
  
}

/* boite liste d'articles (produits liés, achetés également, nouveaux produit) */
td.infoBoxHeadingMiddle
{    
  height: 27px;  
  width:595px;   
  color: #ddd;  
  background-image: url("../images/filetX_02.gif");   
  font-size:10px;
  padding-top:4px;
}

td.infoBoxHeadingLeft
{  
  height: 27px;    
  width:112px;   
  background-image: url("../images/imgLeft_01.gif");   
}

td.infoBoxHeadingRight
{  
  background-image: url("../images/filetX_02.gif");
}

/* img + d'infos */
td.infoBoxHeadingRightArrow
{  
  background-image: url("../images/filetX_02.gif");         
}

/* heading simple */
td.infoBoxHeading
{  
  height: 16px;    
  font-size: 10px;
  font-weight: bold;
  background-color: #444;
  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/fd_listeProduit.gif);
  background-position:0px 38px;
}


table.productListing td.productListing-heading
{    
  background-image: url(../images/filetHeading.gif);  
  font-weight: bold;  
  height:38px;  
  vertical-align:top;
  padding-top:7px;
}

/* colonne image */
table.productListing td.productListing-data0
{ 
  vertical-align:middle;   
}

/* colonne marque, nom produit, fabriquant, prix */
table.productListing td.productListing-data1, table.productListing td.productListing-data2
{  
  padding-top:23px;
  vertical-align:top;  
}


/* colonne prix */
table.productListing td.productListing-data3
{  
  Xpadding-top:23px;
  padding-bottom:32px;
  vertical-align:middle;  
  width: 130px;
}

/* colonne detail */
table.productListing td.productListing-data4
{
  padding-top:15px;
  vertical-align:top;    
}


/* lignes paires */
table.productListing tr.productListing-even
{      
  height:94px;     
}

/* lignes impaires */
table.productListing tr.productListing-odd
{  
  height:94px;   
}

/* _______________________________________ liste de produits PANIER ______________________________________ */


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

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


/* panier cas affichage uniquement nb produit et lien contenu */
div#shopping_card_count
{
  position:absolute;
  top:15px;
  left:16px;
  width:100px;
  Xborder:1px solid red;
  text-align:right;
}

div#shopping_card_show_link
{
  position:absolute;
  top:53px;
  left:-30px;
  width:130px;
  Xborder:1px solid red;
}

table.shoppingCardListing
{
  Xborder: 1px solid #f00;  
  font-size: 10px; 
  
  background-image: url(../images/fd_listePanier.gif);
  background-position:0px 38px;
}


table.shoppingCardListing td.productListing-heading
{    
  background-image: url(../images/filetHeading.gif); 
  font-weight: bold;  
  height:38px;
  
  vertical-align:top;
  padding-top:7px;
}

/* colonne image + nom + options */
table.shoppingCardListing td.productListing-data0
{ 
  vertical-align:top;   
}

/* colonne quantité + total + supprimer */
table.shoppingCardListing td.productListing-data1, table.shoppingCardListing td.productListing-data2, table.shoppingCardListing td.productListing-data3
{  
  padding-top:23px;
  vertical-align:top;  
}


/* lignes paires */
table.shoppingCardListing tr.productListing-even
{    
  height:94px;   
}

/* lignes impaires */
table.shoppingCardListing tr.productListing-odd
{  
  height:94px;    
}