html, body{ background-color:#FFFFFF}
*{ font-family:Arial, Helvetica, sans-serif; color:#000000; white-space:normal; }
.breadcrumb, .navcontainer01, .footer, .left, .pagination{  display:none}
body{ background-color:#FFFFFF; background-image:transparent}
/*invisible*/
.zone_login, .navcontainer01, .breadcrumb, .footerKeywords, .left{ display:none}



.content { visibility:visible; width:600px}
.contenu_right{ visibility:visible; width:550px; float:none}
.table_basket{ visibility:visible; width:600px}
.commande{ visibility:visible; width:600px}
.table_data_simple{visibility:visible; width:400px}
h1, h2, h3, h4 { visibility:visible; color:#000}

/*columns x 3*/
.grid3col{ display:block; float:left;margin:10px 0;padding:5px 0;width:100%;}
.column{float:left; border-right:1px solid #DADBDE;padding:0 1%;position:relative;text-align:left;width:31%}
.column h3{font-weight:normal;}
.column ul{list-style:none; padding:3px 0 0 0; margin:0}
.column ul li{list-style:none; padding:0 0 0 10px; margin:0 0 2px 0; text-align:left; background-image:url(../images/column_arrow.gif); background-position:1px 3px; background-repeat:no-repeat;font-size:0.9em}
.column p{padding:0;display:block; float:left; width:90%}
.column img{border:none;bottom:0px;left:5px;position:absolute;}
.column img.picto{border:none;left:0px;position:relative}
#last.column{!important;border:medium none;}


/* mise en page formulaires */
form{ clear:both; float:left}
form a{ font-weight:normal; font-size:11px; color:#330000;}
form a:hover{color:#FF3300;}
form div{padding:2px; clear:both}
form .required{ font-weight:bold; }
form .optional{ font-weight:normal}
form .label_info{ font-size:0.8em; color:#999; display:block; float:left; padding:0 0 8px 0}
small{ float:left; padding:2px 2%; background-color:#FFF9D7;}
textarea{ border:1px solid #FF3300}

label{ display:block; float:left;width:40%;text-align:left; padding:0 2px 0 0; font-size:0.9em}
input{ border:1px solid #ccc;}
input:focus{ border:1px solid #ff0000; background-color:#ffefe2}
input.radio{ border:none}
select{ border:1px solid #fff; background-color:#eee; padding:2px;font-size:0.8em; color:#333}
select option{ padding:0 4px;}
.btn{ width:auto; padding: 0 5px 0 5px; margin:0 5px 0 0; background-color:#fff}
.undo{ width:auto; padding: 0 5px 0 5px;margin:0 5px 0 0; background-color:#FF9999}


/* table */
table { clear:both;border-collapse:collapse; border:0; margin:0; width:690px}
table tbody{border-collapse:collapse; border:0; margin:0; padding:0; width:100%}

table th{ background-color:#999999; color:#ccc; padding:5px; text-align:left}
table th a{ color:#fff}
table tr.dark{ background-color:#eee;}
table td{ padding:5px; border:1px solid #DEDEDE}

table tr#header th{ background-color:#EC4301; color:#fff; border-bottom:1px solid #900; font-size:0.8em}
table tr.on{ background-color:#fff}
table tr.on_darker{ background-color:#FFFFCC}
table tr.off{ background-image:url(../images/bkgd_closed.gif); color:#999}
table tr.off_darker{ background-image:url(../images/bkgd_closed_darker.gif); color:#999}
table tr.off a{ color:#999}
table tr.off_darker a{color:#000}