/* CSS Document */
body {background-color:black;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:0;}

a img { border:none; }

a { text-decoration:none}
a.u { text-decoration:underline }

.d { margin:0;padding:0; }

table.d { border-collapse:collapse; }
table.d td {padding:0; margin:0; vertical-align:top; }
table.d tr.vaM td, table.d td.vaM { vertical-align:middle !important;}
table.d tr.vaB td, table.d td.vaB { vertical-align:bottom !important;}


#container { 
width:865px;/*+2px border*/
margin:18px auto 0 auto; text-align:left; border:1px solid black;
}

#main_table {
width:100%; height:100%;
}

td#millemo {
width:71px; border-right:2px solid white; background-color:#5c0a5d; padding-top:140px
}

/** menu **/

td#menu {
width:139px; background:#c3c8cd url(../images/fnd_tournesol_mauve.jpg) no-repeat top left; padding-top:163px;
}
*>td#menu { width:138px; }

#menu table { width:100%; height:100%; }
#menu td.first { height:240px; }

#navigation_gauche {}
#navigation_gauche ul {list-style:none;margin:0 15px;}
#navigation_gauche ul li { line-height:15px;
padding-left:12px; background:url(../images/puce_triangle_blan_fnd_bleu.gif) no-repeat top left; padding-bottom:8px;
}
#navigation_gauche ul li a {  font-size:9px; color:#333333; text-decoration:none; line-height:15px;}
*>#navigation_gauche ul li { line-height:12px; }
*>#navigation_gauche ul li a { line-height:12px; }
#navigation_gauche a:hover {text-decoration:underline}

/* avec logo millemo_paris
#zone_login.millemo {
line-height:12px; background:url(../images/logo_col_gauche.gif) top left no-repeat; 
padding-top:43px; border:none;
height:90px;
}
*>#zone_login.millemo { padding-top:38px }
 */

#zone_login {
line-height:12px;text-align:left; border-top:2px solid white; margin-top:33px;
}

#zone_login span, #zone_login a { 
display:block; font-size:9px; color:white;padding:0 0 0 10px; margin-bottom:3px; }
#zone_login .text { border:1px solid #b3b3b3;width:100px; color:black;font-size:9px; margin-bottom:2px; padding:1px; }
#zone_login .login { margin:7px 0; }
/** contenu **/

td#contenu {
background-color:white;
}

#navigation_haut {
border-bottom:4px solid #AD80AE; background-color:#5f1d5f; white-space:nowrap; overflow:hidden; text-align:center
}
#navigation_haut .ajust {  position:relative; width:600px; margin:0 auto; text-align:left }

/** header **/
#header { width:100% }
#header td, #header td a { 
font-size:9px; text-transform:uppercase; color:white; line-height:27px; text-decoration:none; letter-spacing:0.5px}
#header a:hover {text-decoration:underline}

/** footer **/
#footer { margin-left:213px; text-align:center; margin-top:5px; }
#footer, #footer a { font-size:9px; text-transform:lowercase; color:#acacac; line-height:15px; text-decoration:none;}
#footer a:hover {text-decoration:underline}
.baseline {
	text-transform:none;
	}

/****************************************/
/* à l'intérieur des pages .... */

#zoneContenu { position:relative; margin:18px auto 25px 42px; width:579px; height:497px; border:1px solid white; }
*>#zoneContenu { min-height:497px; height:auto !important; }

.tva1 #zoneContenu {  margin:0px auto 25px 28px; }
#zoneContenu h1 { font-size:14px; color:#5F1D5F; font-weight:bold; line-height:22px; }
#zoneContenu a, #zoneContenu a:visited { color:#5F1D5F; }
/*#zoneContenu h3.fondGris { 
background:#BEBEC8 url(../images/fnd_P1_h3.gif) no-repeat top left !important; 
font-size:10px; font-weight:bold; text-transform:uppercase; 
line-height:14px; color:#333333; padding-left:28px;
}*/

#JS_fatal_error { font-weight:bold; color:red; padding:5px; border:1px solid red; font-size:12px; margin:18px; }

/***** P1 *******/
div#intro { 
margin-left:30px;
margin-top:15px; 
width:435px;}

div#intro2 { 
margin-left:15px; 
width:350px;}

#introHome { 
margin:0; 
width:624px;
}

#introHome img{

}

#tableHeader{
margin-top:20px;
vertical-align:middle;
width:580px;
}

#tableHeader .btn_creez{
padding:10px 0 0 10px;
}


p#chapo { margin-top:30px; }
p#descriptif { margin-top:8px; line-height:14px; }
p#descriptif { font-size:12px; font-weight:bold;  }

#tb_texte { width:100%; margin-top:25px; }
#tb_texte td { font-size:10px; color:black }

a.cliquez_ici { text-decoration:none;}

/***** P2 ******/
#zone_resume { margin:15px; width:579px; height:100px;}
#resume { width:579px; margin-bottom:15px; }
#resume tr.titre td { 
font-size:9px; text-transform:uppercase; color:white; background-color:#8D4D8E; line-height:16px;
letter-spacing:1px
}
#resume tr.titre td.first { padding-left:13px; }
#resume tr.data td.first {padding-left:15px; width:371px;}
#resume tr.data.first td { padding-top:12px;  }
#resume tr.data {  font-size:9px; color:#5C015D; line-height:13px; }

#onglets { 
width:579px; background:white url(../images/fnd_onglets_filet_gris.gif) repeat-x bottom left; 
height:26px;
}
*>#onglets {  margin-top:6px;  }
#process_commande { width:577px;  border:1px solid #9E9E9E; border-top:none; height:299px; }
*>#process_commande { border-top:1px solid transparent; min-height:301px; height:auto }
#etape { height:237px; margin:15px; margin-top:0; font-size:9px; line-height:13px; color:black; }
#bague_formes { width:535px; margin-top:5px; margin-right:12px; }
#bague_formes tr td { font-size:9px; line-height:15px; color:black; padding:10px 0;}
#bague_formes tr td.first { width:35px; padding-top:30px}
#bague_formes tr td.desc { padding:20px 30px}
#bague_formes tr td.visuel { width:150px; text-align:right }
#bague_formes tr td.visuel img {border:1px solid #BEBEC8;}
#bague_formes tr td.last { display:none }
#onglets .filet_gris { background:url(../images/fnd_onglet.gif) no-repeat top right; }

#boutons_bas { text-align:right; margin-top:5px}

/********* P3 *********/

#tour_doigt{ width:577px; font-size:9px; line-height:13px; color:black;}
#tour_doigt td.first { padding-left:15px; width:223px; padding-top:15px; }
#tour_doigt td.last { padding-right:15px; padding-top:15px; }
#tour_doigt tr.filetDottedGrisHoriz td.first,
#tour_doigt tr.filetDottedGrisHoriz td.last {
background:url(../images/fnd_dotted_gris_horiz.gif) repeat-x bottom left;
}
#tour_doigt tr.first td.first,
#tour_doigt tr.first td.last { padding-bottom:15px; }

.bagulier_large {float:left; text-align:center; white-space:nowrap; width:125px}
.bagulier_fin {text-align:center; white-space:nowrap; margin-left:126px; width:125px }

/****** P4 ************/

#matiere_finition{ width:577px; font-size:9px; line-height:13px; color:black;}
#matiere_finition td.first { padding-left:15px; width:223px; padding-top:15px; }
#matiere_finition td.last { padding-right:15px; padding-top:15px; }
#matiere_finition tr.filetDottedGrisHoriz td.first,
#matiere_finition tr.filetDottedGrisHoriz td.last {
background:url(../images/fnd_dotted_gris_horiz.gif) repeat-x bottom left;
}
#matiere_finition tr.first td.first,
#matiere_finition tr.first td.last { padding-bottom:15px; }

.esp { position:absolute; bottom:20px; right:15px; font-size:9px; }

/******* P5 ***********/
.apercus_margins { margin:13px; }
.apercus_margins.p5 { margin:5px 13px; }

div#zone_apercus { position:relative; padding:4px; }
div#apercu_message { margin:2px 0 0 5px; text-align:center; }
div#apercu_bague { width:90px; height:60px; margin:12px 5px 0 5px; }
.info_tours { font-size:9px; color:black; margin-top:4px; }

#message { border:1px solid #8d4d8e; height:90px; width:405px; overflow:auto; padding:2px; font-size:12px; color:#5F1D5F; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg_textarea_saisie.gif) bottom center no-repeat; }
*>#message {width:415px}

#clavier { width:548px; }
#clavier td { font-size:9px; }
#clavier tr.titre td { 
font-size:9px; text-transform:uppercase; color:white; background-color:#8D4D8E; line-height:16px;
letter-spacing:1px; text-align:center; border-right:2px solid white;
}
#clavier tr.titre td.last { border-right:none; }
#clavier td.middle {background-color:#deccdf; }
#clavier td.first, #clavier td.last {
background-color:#e1e1e1; width:111px; padding-right:2px;
border-bottom:2px solid white; border-top:2px solid white; 
}
#clavier tr.last td.first { border-right:none }
#clavier td.first { border-right:2px solid white; }
#clavier td.first { border-left:2px solid white; }
#clavier td.first.pierres { text-align:right }
#clavier td.pierres { vertical-align:middle; }
#clavier td.pierres.first { padding-right:4px; }
#clavier td.pierres.last { padding-left:4px; text-align:left }
#clavier td.middle { padding:5px 0; border-right:2px solid white; border-top:2px solid white; }
#clavier tr.titre td.middle { padding:0; }
#clavier tr.last td { padding:3px 0; }
#clavier td.middle img { margin:0 1px; }
#clavier .combo-parent { float:left; width:160px; }

.pierre img.on { border:1px solid red }
td.first .pierre img.off, td.last .pierre img.off { border:1px solid #e1e1e1 }
td.middle .pierre img.off { border:1px solid #deccdf }

.row_margins { margin:0 7px; }

input.button, input.submit { 
background-color:#8d4d8e; font-size:9px; color:white; border-top:1px solid #deccdf; border-left:1px solid #deccdf; 
border-right:1px solid #50084e; border-bottom:1px solid #50084e; 
}

input.text {
border:1px solid black; height:16px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:9px; width:153px;
}
*>input.text {
height:12px;
}

#sites_citations { position:relative; margin-top:5px;font-size:9px; color:black; float:left; width:420px;  }
#bt_previsualiser {  margin:5px 0 10px 432px; text-align:right; width:113px;}
*>#bt_previsualiser { margin-left:436px; }
#clavier label { display:block; width:390px; }

.counter { display:none; position:absolute; top:166px; right:40px; font-size:10px }
.toomuch { color:red}

#pop_zone_apercus_border { position:absolute; bottom:80px; right:17px; width:812px; height:200px; border:2px solid #5F1D5F;  background:#efe8f0; display:none; }
#pop_zone_apercus { margin:10px; }

/*** P6 ****/

table#apercu_message { width:579px; }
table#apercu_message tr.titre td { 
font-size:9px; text-transform:uppercase; color:white; background-color:#8D4D8E; line-height:16px; letter-spacing:1px
}
table#apercu_message tr.titre td.first { padding-left:13px; }
table#apercu_message tr.data.first td { padding-top:12px;  }
table#apercu_message tr.data {  font-size:9px; color:#5C015D; line-height:13px; }

#zone_resume_final { height: 168px; }
*>#zone_resume_final {min-height:165px; height:auto }
#resume_final { width:551px; }
#resume_final td.first { width:166px; }
#resume_final tr.data {  font-size:9px; line-height:13px; }
#resume_final tr.data td { padding:3px 0; }

#total_commande { width:548px; }
#total_commande tr.data {  font-size:9px; line-height:13px; }
#total_commande tr.data td { padding:2px; white-space:nowrap; color:#585558}
#total_commande tr.data td.last { padding-left:30px; white-space:normal }
#total_commande tr.data td.first { padding-left:0; }

.prix_normal { display:block; background-color:white; border:1px solid #A598A5; font-size:14px; padding:4px; white-space:nowrap; color:black; width:170px; }
.prix_express { display:block; background-color:#D7D7D7; border:1px solid #A598A5; font-size:14px; padding:4px; white-space:nowrap;  color:black; width:170px;}

.prix_normal sup, .prix_express sup { font-size:11px;  } /*IE gère autrement les sup*/
*>.prix_normal sup, .prix_express sup { font-size:9px;  }

#cartoucheMauve { height:108px;  background-color:#CEB3CE;border:1px solid #CEB3CE;}
*>#cartoucheMauve { min-height:108px; height:auto }

/**** P7 ***/

#zoneContenu.p7 { margin-bottom:16px; }
*>#zoneContenu.p7 { margin-bottom:15px; }

#process_commande2 { width:577px;  border:1px solid #9E9E9E; margin-top:11px; }
#titre { 
font-size:9px; text-transform:uppercase; color:white; background-color:#8D4D8E; line-height:16px;
letter-spacing:1px; padding-left:13px; 
}

#zone_recap_creations { height:270px; }
*>#zone_recap_creations { min-height:271px; height:auto }
#recap_creations { width:577px; }
#recap_creations tr.first td.last { border-right:none}
#recap_creations tr.bgGris td { background-color:#E1E1E1; }
#recap_creations tr td { font-size:9px; line-height:13px; padding:8px 3px; }
#recap_creations tr td.first { padding-top:4px; }
#recap_creations tr.first td { 
background-color:#CEB3CE; border-right:2px solid white; color:white; text-align:center; vertical-align:middle; padding:2px; 
border-bottom:2px solid white; min-height:26px; height:26px;
}
#bt_imprimer { font-size:9px; line-height:13px; text-align:right; margin:0 15px; }
#bt_imprimer a {  color:#666666; text-decoration:none }


#bt_caddie {height:23px}
#bt_caddie a, #bt_caddie a:visited  { 
display:block; color:white; font-size:9px; background-color:#acacac; padding:5px; width:63px; text-align:center; float:left; margin-right:2px
}

/**** PX ****/

#zoneContenu .pageX { margin:15px 0 0 0; }
.pageX span.sep { clear:both }

ul.finitions { font-size:9px; list-style:none; color:#5F1D5F; line-height:13px; padding:0; margin:0 }
.finitions li { color:black; }

li.caddie { }

#recap_creations .filet td { border-top:2px solid #585558 }
#recap_creations .prix_total_ht { text-align:right; font-size:14px; padding:4px; white-space:nowrap; color:black;  background-color:#D7D7D7; }
#recap_creations .prix_taux_tva { text-align:right }
#recap_creations .prix_frais_port { text-align:right }
#recap_creations .prix_tx_douane { text-align:right }
#recap_creations .prix_ttc { text-align:right; font-size:14px; padding:4px; white-space:nowrap; color:black; background-color:#D7D7D7; }

/*****/

/****** Accusé commande ***/

#acc_header { background-color:#5c015d; text-align:center; }
#accuse_commande { text-align:left; margin:15px}
#accuse_commande.impression { width:15cm }
#accuse_commande .margins.noenco { background-color:#CCCCCC; }
#accuse_commande .margins {  padding:10px; }
#date_com .last { width:50%}

#accuse_commande .produit .first { width:160px; }
#accuse_commande .produit .last { width:160px }	
#accuse_commande .produit .bg1{ background-color:#f1e0f1;}

#accuse_commande .produit {  border-left:1px solid black; border-top:1px solid black; }
#accuse_commande .produit td {  border-right:1px solid black; border-bottom:1px solid black; padding:5px;}


#accuse_commande .produit td.detail_pierre { border-right:none; border-bottom:none;}
#accuse_commande .detail_pierre table  { width:100%; border-left:1px solid black; border-top:1px solid black; }
#accuse_commande .detail_pierre table td { padding:4px; border-right:1px solid black; border-bottom:1px solid black; }

#date_sign { width:100%; border-top:1px solid black; border-right:1px solid black; }
#date_sign tr.first td { background-color:#cccccc; text-transform:uppercase; font-size:10px;  }
#date_sign td {border-bottom:1px solid black; border-left:1px solid black; padding:5px;}

#date_sign tr.last td { height:103px; }

/****/

table#presse { width:100%; }
table#presse td {width:25%; text-align:center; padding:10px;}
table#presse td div { width:76px; margin:0 auto; }

p.desc_presse { margin-bottom:20px; margin-top:15px }
/***/
 
#plan_site ul {margin:15px; list-style:disc }
#plan_site ul ul {margin:5px 0 5px 5px; list-style:square }
#plan_site ul li { padding:2px 0; font-size:9px; }


.coordonnees td { padding:3px 0 !important; font-size:10px }
.coordonnees .first { width:80px; vertical-align:middle; }

table.bdc { border-bottom:1px solid black; border-left:1px solid black; }
table.bdc td { font-size:9px; border-top:1px solid black; border-right:1px solid black; padding:2px; }

h4 { color:#5F1D5F; font-size:12px;text-align:center }
h4 span { font-size:9px; }

.bdc_prix_HT { color:red; font-size:12px; font-weight:bold }
.bdc_prix_TTC { color:red; font-size:12px; font-weight:bold }

.bdc_bt a, .bdc_bt a:visited {
display:block; color:white !important; font-size:9px; background-color:#acacac; padding:5px; text-align:center; margin-right:2px; width:150px;
}

.bt_gris a, .bt_gris a:visited {
display:block;  background-color:#5F1D5F; color:white !important; padding:5px; text-align:center; margin-right:2px;
}

.moyen { width:250px; }

/*****/

.promo_st_valentin h3 {
font-size:12px; font-weight:bold; color:#ff005a;
}

/***** CGV *******/
iframe#cgv_shop {
width:545px; border:1px solid #bebec8
}

/******/

.JSdebug {
width:700px;height:400px;font-size:12px;color:yellow;background:black;padding:8px;border:3px solid yellow;overflow:auto;font-family:Arial;visibility:hidden;top:0;right:0;position:absolute;text-align:left;z-index:1000;
}

.flash_alternate_content { width:170px; height:70px; overflow-x:hidden; overflow-y:auto; }
.flash_alternate_content p { margin:4px; }

/******** API 1EURO.COM ********/

#api_1euro_com {
font-size:10px; text-align:left; color:white; font-size:1px
}

#api_1euro_com form { margin:0; padding:0; }

/****** tailles *********/
.s9 { font-size:9px; line-height:13px; }
.s10 { font-size:10px; line-height:14px; }
.s11 { font-size:11px; line-height:15px; }
.s12 { font-size:12px; line-height:16px; }

/**** couleurs ****/

.txtMauve, .txtMauve a, .txtMauve a:visited { color:#5F1D5F; }
.txtNoir, .txtNoir a, .txtNoir a:visited { color:black; }
.txtGris, .txtGris a, .txtGris a:visited { color:#585558 }
.txtGrisFonceB { color:#323232; font-weight:normal }

.nodeco a {text-decoration:none}

.fondMauve { background-color:#CEB3CE;}

.fondGris { 
background:#BEBEC8 url(../images/fnd_P1_h3.gif) no-repeat top left !important; 
font-size:10px; font-weight:bold; text-transform:uppercase; 
line-height:14px; color:#333333; padding-left:28px; 
}

.barre { text-decoration:line-through }

.msg_erreur, .rouge { color:red }

.bordMauve { border:1px solid #5F1D5F; }

/*form newsletter */

#form_newsletter table td { padding:4px; }
#form_newsletter table td.first { width:30% }

.promo { color:red}

/*** generiques ***/
.aR { text-align:right }
.aC { text-align:center }

.center { margin-left:auto; margin-right:auto; }

.fL { float:left }
.div1 { width:75% }
.div2 { width:20%; margin-left:75%; text-align:right }

.nodeco { text-decoration:none }

.hStricte { overflow:hidden }
.rel {position:relative }
.abs {position:absolute }
.fwN {font-weight:normal }

.hide{display:none}

.sep { display:block; font-size:1px; line-height:1px; }
.h5 { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h40 { height:30px; }

.ml30 { margin-left:30px; }
.ml8 { margin-left:8px; }
.m15 {margin:15px; }
.mt5 {margin-top:5px; }
.mt10 {margin-top:10px; }
.mbt10 { margin-top:10px; margin-bottom:10px }
.mt15 {margin-top:15px; }

.mlr15 { margin:0 15px }

.mt0{margin-top:0}

.bordGris { border:1px solid #BEBEC8; }
.bordGris2 {border:1px solid #9E9E9E; }
.bordMauve { border:1px solid #CEB3CE; }
.bordBnone {border-bottom:none; }
.bordB2pxBlanc { border-bottom:2px solid white}

.bloc { display:block }

table.col_2_eq td { width:50%; }
table.padFilet15 tr td { padding-right:15px; }
table.padFilet15 tr td.last { padding-left:15px; padding-right:0 }
table.filetDottedGris tr td { background:url(../images/fnd_border_dotted_gris.gif) repeat-y top right; }
table.filetDottedGris tr td.last {background:none}

table.pad15 td { padding:15px; }
table.w100pc { width:100% }


.visuelGauche { float:left; margin-right:15px; margin-bottom:15px; }
.visuelGauche2 { float:left; margin-right:5px; margin-bottom:5px; }
.visuelDroite { float:right; margin-left:15px; margin-bottom:15px; }

/******** test *********/

.cut { overflow:hidden !important; border:1px solid grey !important; }
.b { border:1px solid brown !important;}
table.b_cells td { background-color:red !important; }

.clear{clear:both}
.cls {display:block;clear:both;font-size:1px;line-height:1px;height:1px}

/* REM
- taille en hauteur du bloc de commande avec les onglets : cf la taille de #process_commande
- tva en bas dans le bloc de contenu : cf les tvas dans #zoneContenu
*/

#btnBague{
display:block;
width:190px;
height:33px;
background:url(images/btn_creezBague_off.jpg);
background-color:#FF0000
}

/*STYLE PHPLIST
----------------------------------------*/

#formPhplist{
font-size:9px;
line-height:19px;
}

#formPhplist input{
border:1px solid #000000;
}

#formPhplist .required{
color:#FF0000;
}