HTML {background: url("img/bg.gif") repeat-x top left;}
BODY { padding-right: 6px !important;
		padding-right: 5px !important!; 
		background : url("img/bg_none.jpg") no-repeat center 0px; 
		font-family: Trebuchet MS, Arial, sans-serif; 
		font-size : 0.8em; 
		margin: 0 auto; }

/* ****************************************************
   Tags usuels
   **************************************************** */
   
A { text-decoration: none; color: #2c4293; }
A:HOVER { color: #FA6D0E; }
SELECT, INPUT, TEXTAREA { font-size : 11px; font-family: sans-serif; }
TABLE { font-size : 1em; }
H1 { font-size: 1.5em; margin: 10px 0 10px 0; color: #FA6D0E; }
H2 { font-size: 1.3em; margin: 0 0 7px 2em; color: #859095; }
H3 { font-size: 1.3em; margin: 1.5em 0 0.8em 0px; color: #859095; }
DIV { margin: 0; padding: 0; }
FORM { margin: 0; padding: 0; }

/* ****************************************************
   Classes standards
   **************************************************** */
   
.off { display: none; }
.on { display: block; }
.T11 { font-size: 11px; }
.T10 { font-size: 10px; }

.big_ok { font-size: 17px; padding: 4px; color: #00CC00; }
.big_ko { font-size: 17px; padding: 4px; color: #CC0000; border: 1px solid #CC0000; }

.prix { font-size: 1em; color: #D60013; font-weight: bold; }

.mc_ss_txt { padding-left: 80px; }

#main { width: 981px; border: 0;}
#admin_shortcut { position: absolute; bottom: 0; right: 0; padding: 5px; background-image : url("img/admin_shortcut.png");}
A.btn_admin { display: block; border: 1px solid #000000; padding: 2px; font-weight: bold; background-color: #FFFFFF; font-size: 11px; color: red;}
A.btn_admin:HOVER { background-color: #FFE415; color: #000000; }

#FOOTER { padding: 10px; border-top: 1px dotted #000000; font-size: 11px; clear: both; }

/* ****************************************************
   Logo + Pub bandeau + Panier
   **************************************************** */
   
#logo { width: 240px; height: 50px; float: left; padding-top: 23px; border: 0; }
#main>#logo {height: 57px; }

#pub_bandeau { width: 330px; height: 79px; float: left; padding-top: 7px; border: 0; }
#main>#pub_bandeau {height: 72px; }

/* #box_panier { width: 407px; height: 79px; float: left; border: 0;} */
#main>#box_panier { height: 35px; padding-top:10px; }

#connexion { float: left; width: 188px; font-weight: bold; text-align: right; padding-top: 7px; border: 0; font-size: 10px; }
#panier { width: 210px; height: 28px; float: left; background-image : url("img/panier_fond.gif"); background-repeat: no-repeat; padding: 6px 0 0 9px; border: 0; font-size: 10px; }
#main>#box_panier>#panier { width: 210px; }



/* ****************************************************
   PUBLICITES (pour positionnement "fin" des images)
   **************************************************** */
   
#PUB_HAUT_DE_PAGE { margin: 0 0 0 0; }
/*#PUB_HP_MIDDLE { margin: 10px 0 10px 0; }*/
#PUB_HP_COL { margin: 10px 4px 0 0; }

/* ****************************************************
   Onglets du menu
   **************************************************** */
   
#box_menu { clear: both; height: 35px; border: 0; background: url('img/onglet_off.gif') repeat-x; }
#onglet UL { padding: 0; margin: 0; LIST-STYLE-TYPE: none; HEIGHT: 35px; }
#onglet LI.onglet_off { DISPLAY: block; float: left; }
#onglet LI.onglet_off DIV { height: 35px; padding-right: 1px; display: block; background: url('img/onglet_off.gif') no-repeat right top; float: left; margin: 0; border: 0; }
#onglet LI.onglet_off A { padding: 13px 8px 3px 5px; display: block; float: left; margin: 0; font-size: 12px; COLOR: #FFFFFF; line-height : 10px; }
#onglet LI.onglet_off A:HOVER { color: #000000; }

#onglet LI.onglet_on { display: block; background: url('img/onglet_on.gif') #FA6D0E no-repeat right top; float: left; }
#onglet LI.onglet_on DIV { height: 35px; display: block; padding-left: 13px; background: url('img/onglet_on_end.gif') no-repeat left top; float: left; margin: 0; border: 0; }
#onglet LI.onglet_on A { padding: 10px 16px 3px 1px; font-size: 12px; display: block; float: left; margin: 0; COLOR: #FFFFFF; line-height : 10px; font-weight: bold; }

/* ****************************************************
   Formulaires de recherche + Inscription newsletter
   **************************************************** */
   
#box_form { margin-top: -1px; clear: both; background-color: #FA6D0E; height: 30px; border: 0; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 6px 5px 0 5px; }
#main>#box_form { height: 24px; margin-top: 0; }

#box_form INPUT { font-size: 11px; border: 1px solid #FFFFFF; }
#box_form INPUT.hp_btn_ok { font-weight: bold; color: #FFFFFF; background-color: #FA6D0E; }

#recherche { float: left; width: 571px; border: 0; }
#newsletter { float: left;  width: 400px; border: 0; text-align: right; }

#search_engine_form { margin-bottom: 10px; background: url('img/box_recherche_fond.gif') #f2f3f5 no-repeat; width: 570px; height: 149px; }
#search_engine_form TABLE { font-size: 0.9em; margin: 25px 0 0 25px; font-weight: bold; }

/* ****************************************************
   Chemin de fer + Choix langue
   **************************************************** */
   
#box_info { clear: both; border-bottom: 1px dotted #878787; font-size: 11px; }
#chemin_de_fer { padding-left: 5px; background-color:white;}
#langue { display: none; }

/* ****************************************************
   Contenu principal
   **************************************************** */
   
#box_content { clear: both; background-color: #FFFFFF; position: relative; zoom: 1; }

#hp_content { height: 1600px; width: 809px; position: relative; float: left; zoom: 1; background-color: #FFFFFF; }
/*#hp_content { height: 1600px; background-color: #FFFFFF; width: 529px; position: relative; float: left; zoom: 1; }*/

#int_content_on_on { width: 649px; background-color: #FFFFFF; position: relative; float: left; padding-left: 15px; zoom: 1; }
#box_content>#int_content_on_on { width: 634px; }

#int_content_on_off { width: 821px; background-color: #FFFFFF; position: relative; float: left; padding-left: 15px; zoom: 1; }
#box_content>#int_content_on_off { width: 806px; }

#int_content_off_on { width: 809px; background-color: #FFFFFF; position: relative; float: left; padding-left: 15px; zoom: 1; }
#box_content>#int_content_off_on { width: 794px; }

#produit_content { width: 487px; background-color: #FFFFFF; position: relative; float: left; zoom: 1; }
/*#hp_texte_intro { padding: 10px; }*/
#hp_texte_intro { color: #777777; font-family: Verdana, Trebuchet MS, Arial, sans-serif;; font-size: 11px; padding: 5px 10px 0 20px; width: 782px; height: 170px; }
#pub_milieu>#hp_texte_intro { width:756px; height: 165px; }

#int_filler { clear: both; }
#texte { padding-top: 10px; zoom: 1; }

/* ****************************************************
   BOX Boutique et listes sur la HomePage
   **************************************************** */
DIV.col1 { float: left; width: 400px; height: 191px; clear: both; padding: 0 10px 0 20px; }
#texte>DIV.col1 { width: 380px; }

#texte>DIV.col2 { float: left; width: 370px; height: 176px; }

DIV.hp_box_btik { width: 370px; height: 176px; background: url('img/hp_box_fond.gif') no-repeat; }

DIV.hp_box_btik_titre { padding: 6px 5px 0 92px; }
DIV.hp_box_btik_titre A { color: #BC0419; font-family: Times, serif; font-size: 15px; font-weight: bold; }
DIV.hp_box_btik_titre A:HOVER { color: #000000; }

DIV.hp_box_btik_nb_produit { padding: 0 0 0 70px; font-weight: bold; margin-bottom: 5px; }
DIV.hp_box_btik_nb_produit A { color: #878787; font-size: 11px; }
DIV.hp_box_btik_nb_produit A:HOVER { color: #000000; }

DIV.hp_box_btik_liste_rayon { float: left; width: 134px; font-size: 11px; height: 118px; padding: 0 2px 0 2px; position: relative; }
DIV.hp_box_btik>DIV.hp_box_btik_liste_rayon { width: 130px; }
DIV.hp_box_btik_liste_rayon A { color: #878787; }
DIV.hp_box_btik_liste_rayon A:HOVER { color: #000000; }

.down { position: absolute; bottom: 0px; }

DIV.hp_box_btik_rayon { background: url('img/hp_box_puce.gif') no-repeat; padding-left: 26px; }

DIV.hp_box_btik_rayon_img { float: left; width: 118px; height: 118px; background: url('img/hp_box_img.gif') no-repeat; padding: 2px; text-align: center; }
DIV.hp_box_btik>DIV.hp_box_btik_rayon_img { width: 114px; height: 114px; }

DIV.hp_box_btik_rayon_txt { float: left; position: relative; width: 107px; height:118px; font-size: 11px; font-weight: bold; padding-left: 8px; }
DIV.hp_box_btik_prix { width: 102px; color: #BC0419; font-size: 14px; font-weight: bold; text-align: center; background-color: #FFFFFF; border-left: 1px solid #878787; border-top: 1px solid #878787; border-right: 1px solid #878787; }
DIV.down>DIV.hp_box_btik_prix { width: 100px; }

DIV.down A.show_fiche { width: 102px; }
DIV.down>A.show_fiche { width: 87px; }

A.add_basket { background: url('img/btn_noir.gif') no-repeat; background-color: #FA6D0E; color: #FFFFFF; font-size: 11px; display: block; padding: 0 0 0 15px; text-align: left; }
A.add_basket:HOVER { background-color: #000000; color: #FFFFFF; }

A.show_fiche { background: url('img/btn_gris.gif') no-repeat; background-color: #91A9B6; color: #FFFFFF; font-size: 11px; display: block; padding: 0 0 0 15px; text-align: left; }
A.show_fiche:HOVER { background-color: #444444; color: #FFFFFF; }

/* ****************************************************
   Colonne de droite
   **************************************************** */
   
#colonne2 { float: left; width: 172px; height: 1600px; text-align: center; background-color: #FFFFFF; }
#colonne2 .box_titre { background-color: #FA6D0E; text-align: left; padding: 0 0 2px 13px; color: #FFFFFF; font-weight: bold; }
#colonne2 .box { background-color: #BECCD6; text-align: left; margin-bottom: 10px; }
#colonne2 .box DIV { padding: 0 0 0 13px; background: url('img/col2_box_puce.gif') no-repeat; font-size: 11px; }
#colonne2 A { color: #000000; }
#colonne2 A:HOVER { color: #FFFFFF; }

/* ****************************************************
   Colonne de gauche
   **************************************************** */

#colonne1 { float: left; width: 160px; background-color: #BECCD6; height: 1600px; text-align: center; }

/* HOMEPAGE */
#box_ssmenu_titre { width: 174px; height: 77px; background: url('img/box_rayon_titre.gif') no-repeat; text-align: left; }
#box_ssmenu_titre H1 { margin:0; padding: 35px 10px 0 33px; font-family: Times, serif; font-size: 13px; font-weight: bold; color: #008AD9; }
#box_ssmenu_liste { width: 174px; padding: 0 30px 0 34px; background: url('img/box_rayon_fond.gif') repeat-y; text-align: left; font-size: 11px; }
#colonne1>#box_ssmenu_liste { width: 110px; }
#box_ssmenu_liste A { color: #000000; }
#box_ssmenu_liste A:HOVER { color: #008AD9; }

/* PAGE INTERIEURE */
#search_multi_critere { font-size: 10px; text-align: left; }
#search_multi_critere H3, #box_catalogue H3 { background-color: #FFFFFF; color: #000000; padding: 5px 0 5px 13px; font-size: 18px; font-family: Arial narrow, Trebuchet MS, Arial, sans-serif; margin: 10px 0 0 0; }
#search_multi_critere B { margin-left: 5px; }
#search_multi_critere SELECT { margin-left: 5px; width: 147px; }

#box_catalogue { font-size: 12px; text-align: left; }
#box_catalogue A { color: #000000; display: block; padding: 0 0 0 5px; }
#box_catalogue A:HOVER { color: #FFFFFF; background-color: #000000;}

/* ****************************************************
   Page interne Catalogue
   **************************************************** */
#catalogue_liste_produit { font-size: 1em; }
#catalogue_liste_produit TD { border: 1px solid #647782; text-align: center; font-size: 0.9em; background: url('img/fond_box_produit.gif') no-repeat; }
#catalogue_liste_produit TD.promo { background: url('img/promo.jpg') repeat-x; }
#catalogue_liste_produit H2 { margin: 0; padding: 0; }
#catalogue_liste_produit H2 A { height: 54px; color: #000000; display: block; border-bottom: 1px solid #647782; font-size: 11px; padding: 2px 2px 4px 15px; text-align: left; background: url('img/btn_orange.gif') no-repeat; }
#catalogue_liste_produit H2 A:HOVER { color: #FA6D0E; }

/* ****************************************************
   Page interne Catalogue : Liste des rayons
   **************************************************** */

TD.int_box_btik { padding: 0; margin: 0; background: url('img/box_boutique_fond.gif') no-repeat; }

DIV.int_box_btik_titre H2 { padding: 0 5px 0 26px; margin: 5px 0 0 0; font-size: 15px; }
DIV.int_box_btik_titre A { color: #BC0419; font-family: Times, serif; font-size: 15px; font-weight: bold; }
DIV.int_box_btik_titre A:HOVER { color: #000000; }

DIV.int_box_btik_nb_produit { padding: 0 0 0 40px; font-weight: bold; margin-bottom: 5px; }
DIV.int_box_btik_nb_produit A { color: #878787; font-size: 11px; }
DIV.int_box_btik_nb_produit A:HOVER { color: #000000; }

DIV.int_box_btik_img { float: left; width: 100px; height: 130px; text-align: center; }
DIV.int_box_btik_vide { float: left; width: 25px; height: 78px; }


/* ****************************************************
   Page interne Rayon
   **************************************************** */


/* ****************************************************
   Page interne Produit
   **************************************************** */

#colonne_produit_info { float: left; width: 322px; height: 1600px; font-size: 11px; background-color: #FFFFFF; }

#produit_module_navigation { border-top: 1px solid #CDD8E1; border-bottom: 1px solid #CDD8E1; margin-top: 15px; font-size: 10px; }
#produit_module_navigation A { color: #000000; }
#produit_module_navigation A:HOVER { color: #FA6D0E; }
#colonne_produit_info H3 { color: #FA6D0E; border-bottom: 2px solid #647782; padding: 10px 0 3px 10px; font-size: 1em; margin-right: 10px; }
#colonne_produit_info DIV.info { border-bottom: 1px solid #D9E2E9; padding: 0 0 1px 10px; margin-right: 10px; }
#colonne_produit_info B { color: #859095; }
#produit_descriptif { padding: 0 0 1px 10px; margin-right: 10px; }

#colonne_produit_info H4 { font-size: 24px; color: #FA6D0E; font-weight: bold; margin: 0; padding: 0; }

#var_prix { color: #D60013; font-size: 16px; font-weight: bold; width: 116px; }
#var_prix_normal { color: #000000; font-size: 10px; font-weight: normal; }

#zoom_titre { width: 477px; background: url('img/produit_titre.jpg') no-repeat; margin-left: 10px; }
#zoom_titre H1 { margin: 0; padding: 7px 2px 5px 16px; font-size: 14px; font-weight: bold; color: #FFFFFF; }

#zoom_haut { width: 477px; border-left: 2px solid #647782; border-right: 2px solid #647782; margin-left: 10px; }
#texte>#zoom_haut { width: 473px; }
#zoom_haut DIV { width: 10px; height: 10px; }
#zoom { width: 477px; height: 524px; text-align: center; margin-left: 10px; border-left: 2px solid #647782; border-right: 2px solid #647782; border-bottom: 2px solid #647782; }
#texte>#zoom { width: 473px; }
#zoom TABLE { margin-left: 8px; }

#zoom_liste { width: 477px; margin-left: 10px; border-left: 2px solid #647782; border-right: 2px solid #647782; border-bottom: 2px solid #647782; }
#texte>#zoom_liste { width: 473px; }
/* #zoom_liste TABLE { border-left: 2px solid #647782; border-right: 2px solid #647782; border-bottom: 2px solid #647782; } */
.zoom_cell { border: 1px solid #647782; }


/* ****************************************************
   Process de commande
   **************************************************** */
   
/* Panier */
.panier { font-size: 11px; }
.panier TD, .panier TH { border-top: 1px solid #DDDDDD; }
.panier INPUT { width: 30px; text-align: center; }
.panier_entete { font-weight: bold; color: #878787; background: url('img/panier_fond_detail.gif') repeat-x; }
.panier_action { margin: 0 0 10px 140px; padding: 6px 5px 5px 10px; list-style-type: none; font-size: 14px; width: 310px; background: url('img/panier_action_fond.gif') no-repeat;  }

/* STEP 1 */
#saisie_client {}
#client_new { float: left; width: 270px; background: url('img/commande_box_fond.gif') no-repeat; padding: 5px 15px 0 10px; height: 200px;  }
#saisie_client>#client_new { width: 245px; }
#client_new H2 { margin: 10px 0 10px 0; }
#client_old { float: left; width: 270px; margin-left: 30px; background: url('img/commande_box_fond.gif') no-repeat; padding: 5px 15px 0 10px; height: 200px; }
#saisie_client>#client_old { width: 245px; }
#client_old TABLE { margin-top: 10px; }
#client_old TH { text-align: left; }
#client_old H2 { margin: 10px 0 10px 0; }

/* STEP 2 */
#saisie_adresse {}
#saisie_adresse H2 { margin: 0; }
#saisie_adresse SUP { color: red; margin-left: 5px; }
#saisie_adresse TH { text-align: left; }
#saisie_adresse_facturation { float: right; margin-right: 5px; }

/* STEP 3 */
#livraison{width:759px;}
#livraison DIV.box_livraison{cursor:pointer;height:230px;width:366px;float:left;}
#livraison DIV.selected{background:white url("img/bg_livr_box.gif") no-repeat top left;}
#livraison DIV.box_livraison DIV.btn_livraison1, DIV.btn_livraison2 {border:1px solid #bbb; text-align: left;background-color:#fff;margin:15px 8px 15px 7px;width:350px;height:200px;}
#livraison DIV.box_livraison DIV.titre_livraison{text-transform:uppercase;font-weight:bold;text-align:left;font-size:16px;color:#D30000;width:350px;height:39px;margin-top:10px;border-bottom:1px dotted #ccc;}
#livraison DIV.box_livraison DIV.titre_livraison SPAN{padding-left:30px;font-weight:bold;text-align:middle;font-size:29px;color:#CCC;}
#livraison DIV.box_livraison INPUT{outline:none;margin: 0px;padding: 0px;height:150px;float:left;width:50px;}
#livraison DIV.box_livraison DIV.desc_livraison{height:150px;float:left;width:300px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.img_livraison{float:left;height:150px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison{color:#AAAAAA;font-size:10px;width:300px;height:110px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison DIV{float:left;text-align:right;padding-right:10px;font-weight:bold;width:230px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison DIV.nom_livraison{font-style: italic;font-size:16px;color:#1F6598;height:20px;margin-top:10px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison DIV.prix_livraison{font-size:19px;color:#FFB600;height:20px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison DIV.prix_livraison B{font-size:12px;}
#livraison DIV.box_livraison DIV.desc_livraison DIV.text_livraison DIV.info_livraison{height:90px;padding:5px;text-align:justify;font-weight:normal;}
#livraison INPUT.btn_suivant{float:right;outline:none;margin-right:32px;padding: 0px;height:30px;width:auto;}

#box_info_colis{display:none;clear:left;border: 1px solid #d30000;margin:5px 8px 10px 7px;width:718px;}
#box_info_colis DIV{background-color:#fff;color:#d30000;font-size:15px;font-weight:bold;height:55px;text-transform:uppercase;margin-top:10px;}
#box_info_colis SPAN{color:#d30000;font-size:22px;margin-left:30px;}
#box_info_colis A{font-size:11px;font-weight:normal;text-decoration:underline;text-transform: capitalize;}
#box_info_colis CENTER{border:1px solid gray;color:#444444;font-size:15px;margin:10px 10px 10px 250px;padding:20px;text-align:left;width:200px;}

#box_liste_relais_wait{display:block;clear:left;width:559px;color:#888;margin-left:20px;}
#box_liste_relais{display:none;clear:left;width:759px;}

#MR_lst{border: 1px solid #d30000;margin:5px 8px 10px 7px;width:718px;color:#666;cursor:pointer;}
#MR_lst TR#tab_titre{background-color:#fff;color:#d30000;font-size:15px;font-weight:bold;height:55px;text-transform:uppercase;}
#MR_lst TR#tab_titre SPAN#num{color:#d30000;font-size:22px;margin-left:30px;}
#MR_lst TR#tab_titre SPAN#adresse{color:#d30000;font-size:9px;margin-left:80px;}
#MR_lst TR#tab_libelle{background-color:#ddd;color:#fff;}
#MR_lst TR.tab_mr{border-bottom: 1px solid black;height:40px;}
#MR_lst TR.tab_mr TR#libelle_mr{font-weight:bold;}
#MR_lst TR.tab_mr TR#adresse_mr{font-style:italic;color:#bbb;}
#MR_lst TR.tab_mr TR#adresse_mr SPAN{font-size:10px;}
#MR_lst TR.tab_mr TR#info_mr{font-size:11px;}

/* STEP 4 */
.panier_msg_big { border: 1px solid #DDDDDD; padding: 5px; margin: 10px 17px 5px 0; }
.panier_msg { border: 1px solid #DDDDDD; padding: 5px; margin: 10px 17px 5px 0; }
#selection_paiement { margin: 15px 17px 0 0; }
DIV.btn_payment { margin: 10px 100px 0 100px; padding: 5px; background: url('img/commande_paiement_fond.gif') no-repeat; }
#selection_paiement INPUT { margin: 10px 0 0 100px; }
#selection_paiement DIV.btn_payment INPUT { margin: 4px; }
#selection_paiement SPAN { font-size: 11px; margin-left: 25px; display: block; }

/* PANIER - FACTURE */
#facture_infos_legales { font-size: 9px; text-align: center; margin-top: 50px; }

/* ****************************************************
   Mon compte
   **************************************************** */
   
#mc_menu { padding: 5px; text-align: left; margin: 8px; }
#mc_menu UL { margin: 0; padding: 0; LIST-STYLE-TYPE: none; background-color: #FFFFFF; padding: 5px 20px 5px 20px; }
#mc_menu UL LI { margin: 0 0 5px 0;  }
#mc_menu UL LI A { display: block; border-bottom: 1px dotted #DDDDDD; font-size: 0.85em; padding-left: 8px; }
#mc_menu UL LI A:HOVER { border-bottom: 1px solid #000000; color: #000000; }

.mc_liste { font-size: 11px; margin-top: 10px; }
.mc_liste TD, .mc_liste TH { border-top: 1px solid #DDDDDD; }
.mc_entete_colonne { font-weight: bold; color: #878787; background: url('img/panier_fond_detail.gif') repeat-x; }

#mc_info { width: 95%; }
#mc_info H3 { margin-bottom: 7px; background-image : url("img/form_puce_or.gif"); background-repeat: no-repeat; padding-left: 13px; border-bottom: 1px solid #C6C6C6; }
#mc_info TH { text-align: left; }

#mc_sav_form { width: 60%; margin-top: 5px; padding: 5px; border: 1px solid #DDDDDD; background-image : url("img_admin/small_box_line_fond.gif"); background-repeat: repeat-x; }
.mc_message { width: 95%; margin-bottom: 15px; }