
HTML { font-family: Trebuchet MS, Verdana, Arial, sans-serif; }
BODY { height: 100%; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size : 0.75em; padding: 0; margin: 0; }

#page { height: 1100px; }
#contenu { width: 936px; height: 1100px; }

IMG { border-color: black; }

H1 { font-size: 1.6em; margin: 10px 0 10px 0; color: #000000; }
H2 { font-size: 1.4em; margin: 0 0 7px 0; color: #FF0000; }
H3 { font-size: 1.3em; margin: 1.5em 0 0.8em 0px; color: #FF0000; }
H4 {}

A { text-decoration: none; color: #000000; }
A:HOVER { text-decoration: none; }

P { margin: 8px 0 0 0; }

.off { display: none; }
.on { display: block; }
.mini_logo { border-color: #000000; margin-bottom: 4px; }
.a_paraitre { clear: both; }
.small { font-size: 0.9em; }
.form { font-size: 11px; }

/******************** PUB ********************/
#pub_main { width: 100%; height: 136px; padding: 0; margin: 0; }
#pub { width: 758px; height: 136px; padding: 0; margin: 3px 5px 0 0; }

/******************** SHOP ********************/
#shop_btn_add { width: 220px; float: right; text-align: right; }
#shop_btn_add A { font-weight: bold; font-size: 14px; }
#shop_btn_add A:HOVER { text-decoration: underline; }
#shop_btn_add STRIKE{ font-size: 11px; }

/******************** MENU ********************/
#menu { width: 936px; clear: both; }
#menu UL { margin: 6px 0 0 0; padding: 0; list-style-type: none; width: 936px; }
#menu LI { display: inline; margin: 0 0 0 3px; width: 170px; }
#menu LI A { display: block; width: 186px; border: 2px solid #000000; padding: 4px; background-color: #FFFFFF;  color: #000000; text-align: center; }
#menu LI A.first, .box170 { display: block; width: 170px; border: 2px solid #000000; padding: 4px; background-color: #FFFFFF; color: #000000; text-align: center; }
#menu LI A:HOVER { background-color: #000000; color: #FFFFFF; }

#menu>UL>LI>DIV>A { width: 174px; }
#menu>UL>LI>DIV { float: left; margin-left: 3px; }
#menu>UL>LI>DIV>A.first { display: block; width: 158px; }
#menu>UL>LI>DIV.first { display: block; width: 166px; margin-left: 3px; margin-right: 4px;}

.box170 { margin-bottom: 4px; }
#colonne1>DIV.box170 { width: 158px; }

.box180 { margin-bottom: 4px; display: block; width: 186px; border: 2px solid #000000; padding: 20px 8px 14px 10px; background-color: #FFFFFF; color: #000000; text-align: left;background-image: url('img/box_fond.gif'); background-repeat: no-repeat; background-position: top; }/*height: 207px;*/
#colonne2>DIV.box180 { width: 164px; } /*height: 169px;*/

.box { font-weight: bold; display: inline; border: 1px solid #000000; padding: 4px; }
.box_produit { border-color: #000000; margin-bottom: 10px; }

#colonne1 { min-height: 900px; width: 170px; float: left; margin: 4px 0 0 3px; clear: both; }
#texte_colonne { min-height: 900px; width: 564px; float: left; margin: 4px 0 0 3px; }
#contenu>#texte_colonne { width: 562px; }
#texte { padding: 10px; }
#colonne2 { min-height: 900px; width: 186px; float: right; margin: 4px 5px 0 0; }
#main>#colonne2 { margin-right: 6px; }

#footer { width: 938px; background-color: #000000; color: #FFFFFF; padding: 3px; font-size: 11px; clear: both; }
#page>#footer { width: 932px; }
#footer A { color: #FFFFFF; }
#footer A:HOVER { color: #FF0000; }

.support { font-size: 11px; }

HOME { background-color: #CBCBBD; }
BODY { background-color: #CBCBBD; }
#contenu { background-color: #ECEDE8; }
#contenu { border-left: 1px solid #000000; border-right: 1px solid #000000; }
#contenu { background-image: url("contenu/image/backgrounds/20_polr_header_v1.jpg"); background-repeat: no-repeat; background-position: right top; }
HOME { font-family: Verdana, Arial, Sans-serif; }
BODY { font-family: Verdana, Arial, Sans-serif; }
#texte { color: #000000; }
#texte H1, #texte H2, #texte H3, #texte H4 { color: #252569; }
#texte A { color: #252569; }
/* FIN GENERATION CSS SITE */
/* ****************************************************
   Process de commande
   **************************************************** */

#zone5 { background-repeat: no-repeat; background-position: right bottom; }

/* Panier */
.panier { font-size: 0.9em; background-color: #FFFFFF; }
#texte .panier A { color: #000000; }
#texte .panier A:HOVER { color: #FF0000; }
.panier TD, .panier TH { border-top: 1px solid #898989; }
.panier INPUT { width: 30px; text-align: center; }
.panier_entete { font-weight: bold; color: #000000; background-color: #E5E5E5; }
.panier_action { margin: 0 0 10px 140px; padding: 6px 5px 5px 10px; list-style-type: none; font-size: 13px; width: 400px; background: url('img/panier_action_fond.png') no-repeat;  }
.panier_action A { color: #000000; }
.panier_action A:HOVER { color: #000000; }
.panier_total { color: #FFFFFF; background-color: #000000; font-size: 1.1em; }

#panier_actions { width: 350px; margin-top: 20px; }
#panier_action_validate { background-color: #000000; width: 161px; height: 48px; background-image : url("img/btn_validate.png"); background-position: 94% 50%; background-repeat: no-repeat; float: right; }
#panier_action_validate A { color: #FFFFFF; display: block; padding: 8px 46px 8px 16px; text-align: center; font-size: 1.1em; }
#panier_action_back { background-color: #000000; width: 161px; height: 48px; background-image : url("img/btn_back.png"); background-position: 94% 50%; background-repeat: no-repeat; float: left; }
#panier_action_back A { color: #FFFFFF; display: block; padding: 8px 46px 8px 16px; text-align: center; font-size: 1.1em; }
#panier_action_cancel { display: none; }

/* STEP 1 */

#saisie_client { height: 210px; }
#saisie_client .btn { border: 0; background-color: #000000; color: #FFFFFF; text-align: center; font-size: 12px; padding: 5px 15px 5px 15px; }

#client_new { float: left; width: 272px; background-color: #E5E5E5; padding: 5px 15px 0 10px; height: 200px; }
#saisie_client>#client_new { width: 247px; }
#client_new H2 { margin: 10px 0 10px 0; }

#client_old { float: left; width: 272px; background-color: #E5E5E5; padding: 5px 15px 0 10px; height: 200px; background-image : url("img/barre_noire.png"); background-position: 0 50%; background-repeat: no-repeat; }
#saisie_client>#client_old { width: 247px; }
#client_old TABLE { margin-top: 10px; font-size: 11px; }
#client_old TH { text-align: left; }
#client_old H2 { margin: 10px 0 10px 0; }

#btn_identification { margin-top: 13px; }

/* STEP 2 */
#saisie_adresse { }
#saisie_adresse .btn { border: 0; background-color: #000000; color: #FFFFFF; text-align: center; font-size: 12px; padding: 5px 15px 5px 15px; }
#saisie_adresse #client_content { padding: 10px 10px 30px 10px; }
#saisie_adresse H1 { margin: 0; background-color: #000000; color: #FFFFFF; text-align: center; font-size: 1.2em; padding: 10px; }
#saisie_adresse H2 { margin: 0; }
#saisie_adresse SUP { color: #FF0000; margin-left: 5px; }
#saisie_adresse TH, #saisie_adresse TD { text-align: left; font-weight: normal; font-size: 11px; }
#saisie_adresse_facturation { }

/* STEP 3 */
#client_livraison { width: 247px; float: left; }
#client_facturation { width: 247px; float: left; }
#info_client { margin-bottom: 20px; }
#info_client LEGEND { font-weight: bold; }
#info_client FIELDSET { height: 90px; }

.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 DIV.btn_payment INPUT { margin: 4px; }
#selection_paiement SPAN { font-size: 11px; margin-left: 25px; display: block; }

#btn_panier_save { padding: 3px 31px 3px 12px; background: url('img/fleche_droite.gif') no-repeat; font-weight: bold; margin-top: 10px; border: 0; background-position: 100% 50%; background-color: #000000; color: #FFFFFF; }
#btn_panier_edit { padding: 3px 12px 3px 31px; background: url('img/fleche_gauche.gif') no-repeat; font-weight: bold; margin-top: 10px; border: 0; background-position: 0 50%; background-color: #000000; color: #FFFFFF; }

/* PANIER - FACTURE */
#facture_infos_legales { font-size: 9px; text-align: center; margin-top: 50px; }
#facture_coupon { background-color: #9A9A9A; color: #FFFFFF; }
#facture_total { background-color: #000000; color: #FFFFFF; }

/* CODE AVANTAGE & ARBO DE COMMANDE */

#arbo_orderstep { color: #000000; margin: 0 0 15px 0; font-size: 1.1em; background-color: #FFFFFF; padding: 3px; }
#arbo_orderstep B { color: #FF0000; }

#coupon_tr { background-color: #EFEFEF; }
#coupon { text-align: left; height: 20px; }
#coupon TABLE { background-color: #9A9A9A; width: 302px;  font-size: 1.1em; font-weight: bold; color: #FFFFFF; height: 22px; margin-top: 1px; }
#coupon TH { text-align: left; padding-left: 3px; }
#coupon TD { text-align: right; }
#coupon INPUT { width: 165px;  border: 0; font-size: 12px; height: 18px; }
#coupon INPUT.btn { width: 29px; color: #FFFFFF; background-color: #000000; height: 20px; margin: 0; font-weight: bold; font-size: 11px; }
#coupon FORM { margin: 0; }
#coupon DIV { float: left; width: 180px; font-style: italic; font-size: 0.9em; margin-left: 20px; }


/* ****************************************************
   Mon compte
   **************************************************** */
   
#mc_menu { text-align: center; }
#mc_menu UL { margin: 0; padding: 0; LIST-STYLE-TYPE: none; background-color: #FFFFFF; padding: 5px; }
#mc_menu UL LI { margin: 0 0 8px 0;  }
#mc_menu UL LI A { display: block; font-size: 0.85em; padding-left: 8px; }
#mc_menu UL LI A:HOVER { color: #FF0000; }

#mc_menu_big A { color: white; background-color: #000000; border: 2px solid black; font-weight: bold; font-size: 1.3em; width: 513px; display: block; padding: 20px 0 20px 0; margin: 0 0 20px 0; }
#mc_menu_big A:HOVER { color: red; background-color: #FFFFFF; }
#mc_titre_info, #mc_titre_order, #mc_titre_coupon, #mc_titre_deconnexion, #mc_titre_pdf { display: none; }

.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 .w293 { width: 293px; }
#mc_info H3 { margin-bottom: 7px; padding: 5px 0 5px 32px; background-color: #000000; color: #FFFFFF; font-size: 1.2em; }
#mc_info TH { text-align: left; }
#mc_info TH, #mc_info TD { font-size: 11px; }
#mc_info P { padding: 0 10px 10px 32px; }
#mc_info .btn_submit { background-color: #000000; color: #FFFFFF; border: 0; font-weight: bold; font-size: 1.1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 8px 16px 8px 16px; }

#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; }


