*{margin: 0;padding: 0; font-family: Verdana,Arial,Helvetica,sans-serif;}
#body{ background: url('img/bg_body.png') left top repeat-x; }
body{ font-size: .8em; color: #303030; cursor: default; }
h2{ font-size: 100%;}
a{text-decoration: none; color: #EC3617; cursor: pointer;}
ul{ list-style-type: none;}
fieldset{border: none;}
option{ padding: 0 4px 0 1px; }
table{ border-collapse: collapse; }
button img{border:none;}
.left{text-align: left;}
.center{text-align: center; }
.right{text-align: right;}
.hidden{display: none;}
.error{ padding-left: 20px; background: url(img/error_ko.png) no-repeat left center; font-weight: bold; }
.block{display: block;}
.nowrap{white-space: nowrap;}
.clear{clear: both; height: 0;  line-height: 0; font-size: 0; visibility: hidden; }
.u{text-decoration: underline;}
.b{font-weight: bold;}
.x{text-decoration: line-through;}
.large{font-size: 1.2em;}
.small{font-size: 0.8em;}
.xsmall{font-size: 0.6em;}
.black{color: #303030;}
.dark{color: #707070;}
.gray{color: #a0a0a0;}
.silver{color: #e0e0e0;}
.white{color: #FFF;}
.blue{color: #0A4B9F;}
.red{ color: #EC3617;}
.orange{ color: #FF9100;}
.azur{ color: #00ACE5;}
.green{ color: #00BB07; }
.high{background:#C0E0FF; }
.disabled{color: silver;}
.floatleft{float: left; }
.floatright{float: right; }
.arrow{padding-left: 16px; background-image: url(img/arrow_bk.png); background-position: 2px center; background-repeat: no-repeat;}
#wait{float: right;}
.wait{background: url('img/bg_wait.gif') center center no-repeat;}
.required{color: #EC3617;  }
.captcha{letter-spacing: 0.1em; font-style: normal;}
.notactive{ background-image: url(img/hatch2.png); }
.warning{ background: url(img/error.png) no-repeat left center; padding-left:16px; }

 td.ok, span.ok, a.ok span{ background: url(img/info_ok.png) no-repeat left 3px; padding-left:14px; }
 td.ko, span.ko, a.ko span{ background: url(img/info_ko.png) no-repeat left 3px; padding-left:14px; }
 td.new, span.new, a.new span{ background: url(img/info_new.png) no-repeat left 3px; padding-left:14px; }
 a.link{ color: #303030;}
 a.ok:hover{color: #00BB07; }
 a.ko:hover{color: #EB0200; }
 a.new:hover{color: #FF6600; }


.tl, .tr, .bl, .br {position: absolute; height: 18px; width: 5px; line-height: 18px; background-repeat: no-repeat; font-size: 0; }
.tl{left: 0; top: -1px; background: url(img/corner.png) left top; z-index: 1;}
.tr{right: -1px; top: -1px; background: url(img/corner.png) right top; z-index: 2;}
.bl{left: 0; bottom: -1px; background: url(img/corner.png) left bottom; z-index: 3;} * html .bl{ margin-bottom: -1px; }
.br{right: -1px; bottom: -1px; background: url(img/corner.png) right bottom; z-index: 4;} * html .br{ margin-bottom: -1px; }

#top{ height: 88px; background: url('img/bg_top.png') left top no-repeat;}
 #top h1{ font-size: 1.3em; font-weight: bold; color: #444DA8; padding: 5px 0 0 365px;}
 #top #topnorauto{ float:left; width: 113px; height: 36px; margin:0 0 0 365px; text-indent: -9999px; background: url('img/bg_norauto.png') left top no-repeat;  }
#navig{position: absolute; right: 10px; top: 65px; z-index: 10;}
 #navig li{display: inline; padding: 0 10px;}
 #navig li a{ font-size: .9em; color: #FFF; font-weight: bold;}
 #navig li a:hover{color: #444da8;}
#lang{position: absolute; right: 5px; top: 5px; z-index: 11;}
 #lang li{display: inline; margin-left: 3px; font-weight: bold; }
 #lang li a, #lang li span{display: inline; border: 1px #fff solid; padding: 0 5px 0 30px; background-position: 4px center; background-repeat: no-repeat;}
 #lang li a:hover{ background-color: #E4E4E4; }
 #lang .lang_fr {background-image: url(img/flag_fr.png);}
 #lang .lang_fr_disabled {background-image: url(img/flag_fr2.png); color: silver;}
 #lang .lang_en {background-image: url(img/flag_en.png);}
 #lang .lang_en_disabled {background-image: url(img/flag_en2.png); color: silver;}



#menu{ margin-bottom: 10px; border: 0px dotted red;}
#menu a{ text-decoration: none; }
#menu ul.ulmenu{ }
#menu ul li.limenu{float: left; border-left: 2px solid #fff; border-bottom: 1px solid #fff; z-index: 5; }
#menu ul li.linorauto{float: left; border-left: 2px solid #fff; border-bottom: 1px solid #fff; z-index: 5; }
#menu ul li.lipromos { border: none; padding: 0;}
#menu ul li a.amenu, #menu ul li a.active { position: relative; float: left; display: block; font-weight: bold; color: #FFF; white-space: nowrap; height: 25px; line-height: 25px; padding: 0 10px; background: url('img/bg_red.png') center center; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
 #menu ul li a.active { background: #D0D0D0 url(img/bg_silver.png) 50%; color: #EC3617; }
 #menu ul li a.apromos { background: #D0D0D0 url(img/bg_promos.png); color: #EC3617; border: none; padding: 0 20px; height: 27px; line-height: 27px;  }
 #menu ul li a.anorauto { background: #D0D0D0 url(img/bg_promos.png); color: #888; border: none; padding: 0 20px; height: 27px; line-height: 27px;  }
 #menu ul li a.amenu:hover, #menu ul li a.active:hover { background: url(img/bg_silver.png); color: #EC3617; z-index: 200; }
 #menu ul li a.apromos:hover  { background: url(img/bg_promos.png); }
 #menu ul li a.anorauto:hover  { color: #888; background: url(img/bg_promos.png); }
 * html #menu .amenu, * html #menu .active, * html #menu .apromos, * html #menu .anorauto {width: auto; w\idth: auto;}
 #menu ul li.lipromos .tr { top: 0;}
 #menu ul li.lipromos .br { bottom: 0;}
#menu ul.ulsubmenu {visibility: visible; position: absolute; left: -1010px; top: -1010px; height: auto; margin-top: 4px; background: #fff url(img/blank.png); border: 1px solid #707070; cursor: default; z-index: 500; }
* html #menu ul.ulsubmenu { margin-top: 4px; z-index: 500; }
#menu li.lisubmenu {display: block; white-space: nowrap; font-weight: normal; border: none;}
#menu li.lisubmenu a, #menu li.lisubmenu span.spansubmenu {display: block; padding: 0 10px; line-height: 25px;     border: 0px dotted #CC33CC;}
#menu span.spansubmenu { color: silver; }
#menu a.asubmenu:hover { background: #e4e4e4; color: #EC3617;}
#menu a.subactive { background: #d0d0d0; color: #EC3617;}
#menu a.subactive:hover  { background: #e4e4e4; color: #EC3617;}
* html #menu li.lisubmenu a, #menu li.lisubmenu span.spansubmenu { width: auto; w\idth: auto; }
#menu table {border-collapse: collapse; margin: -1px; width: 0; height: 0; z-index: 1;}
* html #zmenu a:hover {position: relative; z-index: 100;}
html>body #menu li.limenu:hover { position: relative;}
* html #menu a.amenu:hover, * html #menu a.active:hover, * html #menu a.apromos:hover{ z-index: 200; }
#menu ul :hover ul{visibility: visible; position: absolute; left: 10px; top: 20px; z-index: 200;  }

#form_update_menu{ }
#form_update_menu a img { border:none; margin-left: 3px; }
#form_update_menu select { font-weight: normal; font-size: 10px; padding:0; color:#EC3617;}
* html #form_update_menu select { margin-top:3px;}
#form_update_menu h4 {position: relative; text-align: right; vertical-align: middle; color: #fff; font-size: 1em; width: 100%; white-space: nowrap; padding: 0 10px 0 5px; margin-right: 5px; background: url('img/bg_red.png') center center; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
#form_update_menu b.content {display: block; height: 25px; line-height: 25px; vertical-align: middle;   border: 0px #fff solid;}
#form_update_menu h4.hover, #form_update_menu h4.hover2 { background: url('img/bg_silver.png') center center; color: #EC3617; }
 #form_update_menu h4 span { float: left; width: 42%; text-align: left; }
 #form_update_menu h4 input { width: 99%; background-color: transparent; color:#fff; font-weight: bold; border: 1px #D63014 solid; font-size: 1em; padding: 1px; }
 #form_update_menu h4.hover input, #form_update_menu h4.hover2 input { color:#EC3617; border: 1px #D9D9D9 solid; }
 #form_update_menu h4 input.hover, #form_update_menu h4 input.hover2 { background-color: #fff; border: 1px #707070 solid; color:#EC3617; }
#form_update_menu ul {text-align: right; background: #fff; border: 1px solid #707070; margin: 1px 0 5px 10px; }
#form_update_menu ul li {padding: 0 2px 0 1px; margin: 0; clear:both; height: 25px; line-height: 25px; color:#EC3617; background-color: #fff; }
 #form_update_menu ul li.hover { background-color: #e4e4e4; }
 #form_update_menu ul li.hover2 { background-color: #d0d0d0; }
 #form_update_menu ul li span { float: left; width: 42%; text-align: left;  }
 #form_update_menu ul li input { width: 99%; color:#EC3617; padding: 1px; border: 1px #e0e0e0 solid;  }
 #form_update_menu ul li input.hover, #form_update_menu ul li input.hover2 { background-color: #fff; border: 1px #707070 solid; }
#form_update_menu .fr { background-image: url(img/flag_fr3.png); background-position: left center; background-repeat: no-repeat; padding: 1px 2px 1px 6px; margin: 0; }
#form_update_menu .en { background-image: url(img/flag_en3.png); background-position: left center; background-repeat: no-repeat; padding: 1px 2px 1px 6px; margin: 0; }

#form_update_menu input.input_error{ border: 1px solid red; background: #fff url(img/error.gif) 1px center no-repeat; font-size: 1em;}

#left{ float: left; width: 73%;  margin-left: 2px;                       border: 0px solid green; }
 #left .title{ font-size: 1.1em; padding: 0 8px 0 0; background: #d0d0d0 url(img/corner_wh.png) right top no-repeat;}
 #left .title b{display: block; padding: 0 0 0 8px; height: 25px; line-height: 25px; background: url(img/corner_wh.png) left top no-repeat; overflow: hidden;}
 #left .inleft { margin: 10px 5px 5px 5px;}
 #left .inleft img { border: none;}
 #left .inleft .cols { float: left; width: 32.5%; border: 0px solid red;  }
 #left .inleft li { padding-left: 20px; background: url(img/bg_li.png) no-repeat 5px 5px }
 #left #stats{ overflow:auto; text-align: center; }

.list{float: left; position: relative; padding: 3px; width: 30%; min-width: 205px; height: 110px; margin: 10px 5px 0 5px; background-color: #efefef; border: 1px solid #C6C6C6; color: #505050; cursor:pointer;}
.list a{color: #505050; display: block; height: 110px; }
* html .list_minwm {display: block;  margin-left: -205px; position: relative; height: 0; he\ight: auto; }
* html .list_minwb {display: block; border-left: 205px solid #efefef; height: 0; he\ight: auto; }
* html .list:hover .list_minwb {border-left: 205px solid #e4e4e4; }
* html .list_promo .list_minwb {border-left: 205px solid #ffffe5; }
* html .list_promo:hover .list_minwb {border-left: 205px solid #ffffb8; }
.list:hover{ background-color: #e4e4e4; color: #303030;  border: 1px solid #707070; }
.list_promo{ background-color: #FFFFE5; border: 1px solid #707070; }
.list_promo:hover{ background-color: #FFFFB8;}
 .list .list_title{ display: block; text-align: center;     border: 0px dotted green;}
 .list .list_img{position:relative; float: left; height: 90px;    border: 0px solid red;}
 .list .list_img img{ border: 1px #b6b6b6 solid;}
 .list:hover .list_img img{ border: 1px #707070 solid;}
 .list .list_features{position: absolute; left: 0; bottom: 0;  }
  .list .list_video{ position: absolute; right: -15px; top: -3px; width: 22px; height: 22px; background: url(img/i_video.png) center center no-repeat; }
  .list .list_ref{ display: block; margin-left: 4px; padding: 2px 1px 3px 22px; background: url(img/i_ref.png) left center no-repeat;}
  .list .list_details{ display: block; margin-left: 4px; padding: 2px 1px 3px 22px;  background: url(img/i_detail.png) left center no-repeat; }
 .list .in_order{ position: absolute; right: 2px; bottom: 2px; font-size: 0; display: block; width:26px; height:14px; margin-top: 2px; background: url(img/i_minicde.png) no-repeat center center; }
 .list .list_order{ position: absolute; right: 2px; bottom: 2px; font-size: 0; display: block; }
 .list .list_new{ position: absolute; width: 26px; height: 26px;  left: -7px; top: -3px; background: url(img/i_new.png) no-repeat; z-index: 2;}
 .list_promo_fr{ position: absolute; width: 59px; height: 59px;  right:-1px; top:-1px; background: url(img/i_promo_fr.png) no-repeat; z-index: 3;}
 .list_promo_en{ position: absolute; width: 59px; height: 59px;  right:-1px; top:-1px; background: url(img/i_promo_en.png) no-repeat; z-index: 3;}

#item{  width: 85%;  margin: 10px 5px 5px 6%;}
#item h3{ font-size: 1.4em; text-align: center; padding-top: 40px; padding-bottom: 40px;     border: 0px red solid;}
#item h4{ font-size: 1.1em; white-space: nowrap; padding: 0 8px 0 0; margin: 10px 0 0 0; background: #e4e4e4 url(img/corner_wh.png) right center no-repeat; overflow: hidden;}
#item h4 b{ display: block; padding: 0 0 0 8px; height: 25px; line-height: 25px; background: url(img/corner_wh.png) left center no-repeat;}
 #item .item_img{ position: relative; float: left;  background: #fff;        border: 0px red solid;}
 #item .item_img img{border: 1px #b6b6b6 solid; }
 #item .item_ref{ float: left; white-space: nowrap; padding: 4px 10px 4px 30px; background: url(img/i_ref.png) no-repeat 10px center; }
 #item .item_size{ float: left; white-space: nowrap; padding: 4px 10px 4px 30px; background: url(img/i_size.png) no-repeat 10px center; }
 #item .item_weight{ float: left; white-space: nowrap; padding: 4px 10px 4px 30px; background: url(img/i_weight.png) no-repeat 10px center; }
 #item .item_order{ float:left; display: block; margin-left: 10px;}
#item form{ text-align: right; border-bottom: 0px solid #e4e4e4; padding: 2px 0; margin: 0 5px 0 10px; background-image: url(img/i_pack.png); background-repeat: no-repeat; background-position: left center; clear: both; }
.bg_color{ background-color: #efefef; }
.bg_promo{ background-color: #FFFF43; color: #EC3617; }
 #item .item_pack{ float: left; text-align: left; height: 27px; line-height: 27px; display: block; width:35%; white-space: nowrap; padding-left: 20px; overflow: hidden; }
 #item .item_n{ float: right; height: 27px; line-height: 27px; white-space: nowrap; padding-right: 5px;}
 #item .item_submit{ float: right; }
 #item .item_prices{ float: right; height: 27px; line-height: 27px; padding-right: 5px; }
 #item .item_text{ padding: 4px 10px 4px 30px; background: url(img/i_text.png) no-repeat 10px 5px; }
 #zitem .item_text table { border-collapse: collapse; }
 #item .item_text table td, #item .item_text table th { border: 1px solid #e4e4e4; padding: 1px; }

#item .h4_promo{ font-size: 1.2em; background: #FFFF43 url(img/corner_wh.png) right center no-repeat; color: #EC3617; }
#zitem #div_promo div b{ float:left; height: 25px; line-height: 25px; padding: 0 10px 0 10px; }
 #item .item_price{ font-weight: bold; font-size: 120%; }
 #item .item_promo{ color:#EC3617; padding: 4px 10px 4px 30px; background: url(img/i_text.png) no-repeat 10px 5px; }
 #item .item_images{ text-align: center; padding: 4px 10px 4px 30px; background: url(img/i_images.png) no-repeat 10px 5px; }
 #item .item_video{ text-align: center; padding: 4px 10px 4px 30px; background: url(img/i_vid.png) no-repeat 10px 5px; }
 #item .item_images img{ border: 1px #b6b6b6 solid; margin: 0 5px 5px 0; }
 #item .item_new{ position: absolute; width: 41px; height: 41px;  left: -15px; top: -5px; background: url(img/i_new2.png) no-repeat; }
 #item #item_video{ position: absolute; width: 40px; height: 40px;  right: 0; top: -2px; background: url(img/i_video2.png) no-repeat; }
 .input_n{ font-size: 1em;  text-align: center;}
 #item .input_cde{ text-align: left; color: #00ACE5; height: 25px; width: 50px; border: none; margin: 0 1px; background: url(img/button_cde.png) no-repeat center center; cursor: pointer; }
 #item .input_cde_disabled{ text-align: left; color: #00ACE5; height: 25px; width: 50px; border: none; margin: 0 1px; background: url(img/button_disabled.png) no-repeat center center; cursor:not-allowed; cursor:no-drop;  }
 .button_n{vertical-align: text-top; margin-left: 1px; cursor:pointer; }
 #item .item_info{ color: #00ACE5; font-weight: bold; padding: 4px 20px; margin-left: 10px; background: url(img/info_cde.png) no-repeat left center; }
 #item .item_attention{ color: red; font-weight: bold; padding: 4px 20px; margin-left: 10px; background: url(img/i_attention.png) no-repeat left center; }

#item.item_admin p{  border: 0px red solid;}
#item.item_admin #h3_title{ text-align: left; padding-top: 20px; padding-bottom: 20px; border: 0px red solid;}
#item.item_admin #h3_title span { display: block; }
#item.item_admin #h3_title input{ width:98%; text-align: center; font-weight: bold; }
#item.item_admin .button_update_img{ position: absolute; right:0; font-size: 1em; top: 0; z-index: 2; margin: 2px; cursor: pointer;}
#item.item_admin .button_update_img img{ border:none;}
img.help{ float:left; padding: 7px 5px 7px 0; cursor: help; }
#item.item_admin #item_ref{ width: 100px; text-transform: uppercase; }
#item.item_admin #item_size, #item.item_admin #item_weight{ width: 120px; }
#zitem.item_admin .item_img{  padding: 0 0px 6px 0; margin: 6px 0 0 0; background: url(img/blank.png);        border: 0px red solid;}
#item.item_admin .item_img span{ }
#item.item_admin #checks{position: relative; float:right; width:180px; border: 0px red solid; }
#item.item_admin #checks div{font-size: 1em; font-weight: bold; margin: 5px 2px; padding: 1px 3px; cursor: pointer;   }
#item.item_admin #checks div.over{ background: #e4e4e4; }
#item.item_admin #checks div span{ margin: 5px 0 0 24px; }
#item.item_admin #checks div p img{ float: left; margin: 5px 5px 0 0; }
#item.item_admin #div_categories{ padding: 4px 0 0 30px; background: url(img/i_categ.png) no-repeat 10px 5px; }
#item.item_admin #div_pack{ padding: 4px 10px 4px 30px; background: url(img/i_pack.png) no-repeat 10px 5px; clear: both; }
#item.item_admin #div_pack table{ width: 99%; border: 0px red solid; overflow: hidden;}
#item.item_admin #div_pack table tr{ padding: 1px; }
#item.item_admin #div_pack table .td_pack{ padding: 1px 1px 1px 6px; margin: 0; width: 20%; }
#item.item_admin #div_pack table .td_tarif{ padding: 1px; margin: 0; text-align: center;  border:none; width: 10%; }
#item.item_admin #div_pack table .td_tarif input{ text-align: center; }
#item.item_admin #div_pack table .promo{ font-weight: bold; background: #FFFF43; color: #EC3617; }

#item.item_admin .item_pack{ padding: 0; }
#item.item_admin #div_pack input{ width: 95%; }
#item.item_admin #div_images span{ position: relative; float: left; margin: 0 5px 5px 0;         border: 0px red solid;}
#item.item_admin #div_images span.upload_new_image{ width: 160px; height:25px;}
#item.item_admin #div_images span img{ float: none; margin: 0; padding: 0; }
#item.item_admin .item_text textarea{ width: 99%; height: 12em; }
#item.item_admin .item_promo textarea{ width: 99%; height: 8em;  }

#item.item_admin select{ width: 98%; font-size: 1em; margin: 0 0 1px 0; padding: 1px; border:1px solid #e0e0e0; color:#707070; }
#item.item_admin select option.option{ font-style: italic; border-bottom: 1px #e0e0e0 solid; }
#item.item_admin .ft{ border:1px solid #e0e0e0; font-size: 1em; color:#707070; padding: 1px; margin: 0 0 1px 0; }
#item.item_admin .zz{ background: #fff; border:1px solid #e0e0e0; font-size: 1em; color:#707070; padding: 1px; }
#item.item_admin .fr{ background-image: url(img/flag_fr3.png); background-position: left 2px; background-repeat: no-repeat; padding: 1px 0 1px 6px; }
#item.item_admin .en{ background-image: url(img/flag_en3.png); background-position: left 2px; background-repeat: no-repeat; padding: 1px 0 1px 6px; }
#item.item_admin .hover, #item.item_admin .hover2{ background-color: #fff; color:#303030; border: 1px #707070 solid; }
#item.item_admin #div_promo .hover, #item.item_admin #div_promo .hover2, #item.item_admin .promo .hover, #item.item_admin .promo .hover2  { border: 1px #EC3617 solid; color:#EC3617;  }
#item.item_admin .input_error{ border: 1px solid red; color:red; background: #fff url(img/error.gif) 1px 5px no-repeat; }

#div_update_img{position: absolute; width: 200px; z-index: 199; border: 0 red dotted;}
 #div_update_img div.top{height: 10px; line-height: 10px; font-size: .1em; background: url(img/upload.png) no-repeat left top;}
 #div_update_img div #close{float:right; padding: 5px; cursor:pointer;}
 #div_update_img div.bottom{height: 10px; line-height: 10px; font-size: .1em; background: url(img/upload.png) no-repeat left bottom;}
 #div_update_img div.text{ background: url(img/upload.png) no-repeat left center; text-align: center; padding:0 12px;}
 #div_update_img div p{ padding: 5px 0;}
 #div_update_img #input_file{ margin: 0; padding: 1px; width: 95%; }


.order{ position: relative; width: 95%;  margin: 10px 5px 5px 2%;}
.order h3{ font-size: 1em; color: #fff; padding: 0 8px 0 0; background: url(img/corner_wh.png) no-repeat right top; }
 .order h3 b{ display: block; padding: 0 0 0 8px; height: 25px; line-height: 25px;  background: url(img/corner_wh.png) no-repeat left top; }
 .order .h3_cde{ background-color: #00ACE5; }
.order table{ width: 98%;  margin: 0 5px 0 10px;}
.order .order_cde{ border-bottom: 2px #72C7E0 solid; }
 .order td{ padding: 2px 4px; }
 .order .top{ vertical-align: top; }
 .order .order_img{ width:1%;  }
 .order .order_comment{ width:99%; font-size: 100%; }
 .order .order_img img{ border: 1px #b6b6b6 solid; }
 .order .order_ref{ width: 13%; border-left: 0px #e4e4e4 solid;  }
 .order .order_title{ width: 20%; border-left: 1px #e4e4e4 solid; }
 .order .order_pack{ width: 20%; border-left: 1px #e4e4e4 solid;   }
 .order .order_price{ width: 1%; border-left: 1px #e4e4e4 solid; white-space: nowrap; text-align: right; }
 .order .order_n{ width: 1%; white-space: nowrap; text-align: right; border-left: 1px #e4e4e4 solid;}
 .order .order_delete{ width: 1%; border-left: 1px #e4e4e4 solid;}
 .order .order_delete a img{ border:none; padding:3px; }
 .order .order_total td{ background: #00ACE5; color: #fff; text-align: right; padding: 4px; }
.order li a.history_cde{ display: block; color: #00ACE5; height: 27px; line-height: 27px; padding: 0 0 0 52px; background: #fff url(img/button_cde.png) left center no-repeat; }
.order li a:hover{ text-decoration: underline; }




.form{ position: relative; width: 73%;  margin: 10px 5px 5px 12%;     border:0px dotted red;}
.form fieldset{ background: #EFEFEF url(img/corner_wh3.png) no-repeat right top; margin-bottom: 12px;}
.form fieldset.message{ background-color: #F5F5D7; }
.form .legend{ color: #707070; font-style: italic; font-weight: bold; margin:0; padding: 3px 0 0 7px; background: url(img/corner_wh3.png) no-repeat left top;}
.form p{ margin: 5px 5px 0 5px; clear: both;}
.form p.bottom{ background: url(img/corner_wh3.png) no-repeat bottom right; margin:0; height: 10px; line-height: 10px; }
.form p.bottom b{display: block; background: url(img/corner_wh3.png) no-repeat left bottom; height: 10px; line-height: 10px; }
.form label, .form .label{ float: left; display: block; text-align: right; width: 31%; padding: 0 5px 0 0; }
.form input, .form select, .form textarea { width: 44%; font-size: 100%; }
.form p.p_sector{ line-height: 2em;}
.form label.label_sector{ width: 50%; padding: 0 5px 0 0; }
.form label.label_brand{ width: 110px; padding: 0 5px 0 0; }
.form input.input_sector { float: left; width:auto; height:2em; margin-right: 5px; }
.form input.mini { width:18%; }
.form .client_update p{float:left; width: 100%; border: 0px red dotted;}
.form .client_update p b{ float: left; display: block; width: 60%;}
.form .client_update #clientno { width:150px; border: 1px solid #00BB07; font-weight: bold; color: #00BB07; font-size: 1em; padding: 1px; }
.form .client_update #prices { width:150px; text-align: center; border: 1px solid #00BB07; font-weight: bold; color: #00BB07; font-size: 1em; padding: 1px; }
.form .client_update #bprices { width:150px; }
.jaune{ font-weight: bold; background: #FFFF99 url(img/hatch2.png); border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px; }
.blanc{ font-weight: bold; background: #FFF url(img/hatch2.png); border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px;  }
.bleu{ font-weight: bold; background: #B0E0FF url(img/hatch4.png); border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px;  }
.rouge{ font-weight: bold; background: #FFAFAF url(img/hatch4.png); border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px;  }
.vert{ font-weight: bold; background: #A7F0A5 url(img/hatch4.png); border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px;  }
.norauto{ font-weight: bold; background: #032A6F; color: #FCCC00; border: 1px #303030 solid; padding: 1px 2px; text-align: center; margin-right: 1px;  }
.noprice{ font-weight: bold; text-align: center; background: #FFF url(img/hatch5.png); border: 1px #FFAA9B solid; padding: 1px 2px; text-align: center; margin-right: 1px; color: #E4472C; }
.tarif{ float: right; display: block; width: 50px; font-size: 90%; }
#submit_validate, #right #submit_search, #submit_send, #submit_update, #submit_forgot, #submit_account, #submit_recalculate, #submit_confirm, #submit_reload, #submit_upload, #submit_delete, #add_pack { width: 160px; margin: 0 2px; cursor: pointer;}
#submit_validate_account{ width:160px; font-weight: bold; margin: 0 2px; cursor: pointer;}
#submit_new { width: 160px; font-size: 0.9em; margin: 0 2px; cursor: pointer;}
.submit_new{ float: right; width: 18px; height: 18px; font-size: 0; margin: -28px -22px 0 1px; cursor: pointer;}
.submit_admin_menu{ width: 18px; height: 18px; margin: 0 1px 0 0; font-size: 0; cursor: pointer;}
#form_validate_account input,#form_validate_account textarea{ border:1px solid #e0e0e0; font-size: 1em; color:#707070; padding: 1px; margin: 0 0 1px 0;}
#form_validate_account .hover, #form_validate_account .hover2 { background-color: #fff; color:#303030; border: 1px #707070 solid;}
#form_validate_account .input_error{ border: 1px solid red; background: #fff url(img/error.gif) 1px center no-repeat;}



.last { display: block; margin: 0 5px 5px 5px;   border: 0px solid green;}
.last h3{ padding: 6px 0 3px 0; font-size: 1em;  border: 0px solid green;}
.last_categories{ float: left; height: 290px; margin-right: 10px; padding-right: 5px; }
.last_categories2{ border-right: 4px #d0d0d0 solid;}
 .last_categories p a{ display: block; padding: 3px 10px 3px 17px; background: #fff url(img/arrow_gr.png) 5px center no-repeat; }
 .last_categories p a:hover{ background: #e4e4e4 url(img/arrow_bk.png) 5px center no-repeat; }
 .last_items{float: left; background: #efefef; color: #505050; width: 125px; height: 50px; border: 1px solid #c6c6c6; padding: 3px; margin: 3px; font-size: 85%; text-align: center;overflow: hidden; }
 .last_items:hover{ border: 1px solid #707070; color: #303030; background: #e4e4e4; }
 .last_items img{float: left; margin: 0 3px 15px 0; border: 1px #b6b6b6 solid; }
 .last_items:hover img{ border: 1px #707070 solid; }



#right{ margin: 0 1% 0 75%; border: 0px solid #700; }
#right h2{text-align: center;  font-size: 1.05em; background: url(img/corner_wh2.png) no-repeat right top; }
 #right h2 b{ display: block; padding: 5px 0;  background: url(img/corner_wh2.png) no-repeat left top; }
 #right #h2_search{ color: #303030; background-color: #d0d0d0;}
 #right #h2_admin{ color: #fff; background-color: #FF9100;}
 #right #h2_validate{ color: #fff; background-color: #E4472C;}
 #right #h2_account{ color: #fff; background-color: #7BB91F;}
 #right #h2_filters{ color: #fff; background-color: #7BB91F;}
 #right #h2_cde{ color: #fff; background-color: #00ACE5;}
#right div{ background: url(img/corner_wh2.png) no-repeat left bottom; margin-bottom: 10px; }
 #right div div{ padding:0; margin:0; background:none;}
 #right .right_bt{ height: 6px; line-height: 6px; padding:0; margin:0; font-size:0; background: url(img/corner_wh2.png) no-repeat right bottom;   }
 #right #div_search{ background-color: #e4e4e4; }
 #right #div_admin{ background-color: #FFCD73; }
 #right #div_validate{ background-color: #FFAA9B; }
 #right #div_account{ background-color: #B8D681; }
 #right #div_filters{ background-color: #B8D681; }
 #right #div_cde{ background-color: #81D1EF; }
 #right a.link{display: block; text-align: center; font-weight: bold; padding: 2px 0;}
 #right .hr{background-color: #fff; height: 2px; font-size: 0; padding: 0; margin: 2px 0;  }
 #right p{padding: 3px; border: 0px dotted red; }
 #right input{width: 98%;}
 #right select{width: 98%;}
 #right table{ width: 98%; max-width: 99%; font-size: .85em;  border: 0px dotted #D700E9;}
 #right table td{  padding: 2px; }
 #right table td img{ border: 1px #b6b6b6 solid; }
 #right .tr_cde{ background: #90DBFE; }
 #right .td_mini{ width: 1%; }
 #right .td_img{ width: 10%; }
 #right .td_label{white-space: nowrap; width: 25%; text-align: right; }
 #right .td_ref{ width: 1%; white-space: nowrap; }
 #right .td_pack{ width: auto; border-left: 0px #707070 dotted; }
 #right .td_n{ width: 1%; white-space: nowrap; text-align: right; border-left: 0px #707070 dotted; }
 #right .td_valid{ width: 1%; white-space: nowrap; }
 #right #filter_signe { width: 50%; }
 #right #filter_date { width: 20%; }
 #right #filter_submit { width: 160px; margin: 0 2px; cursor: pointer; }

.zadmin_clients a{display: block; color: #303030; font-size: .85em;}

 #form_search .info_search{ text-indent: 23px; background: url(img/info_search.png) no-repeat 3px 4px; }
 #form_search a.help_search{position: relative; text-indent: 0; color:#303030; }
 #form_search a.help_search:hover{cursor: help; }
 #form_search a img{border: none; }
 #form_search a.help_search .popup{position:absolute; display:none; left:-430px; top:-9999em; }
 * html #form_search a.help_search .popup{ display:block;}
 #form_search a.help_search:hover .popup{ display:block; width: 400px; left:-430px; top:-20px; cursor: help;}
 .info_account{ text-indent: 23px; background: url(img/info_account.png) no-repeat 3px 4px; }
 #right .info_ddp{ text-indent: 23px; background: url(img/info_ddp.png) no-repeat 3px 4px; }
 .info_cde{ text-indent: 23px; background: url(img/info_cde.png) no-repeat 3px 4px; }
 .info_price{ padding-left: 23px; background: url(img/info_cde.png) no-repeat 3px 4px; }

 #form_filters p { padding: 1px 3px; }
 #form_filters p label { display: block; }
 #form_filters .zz{ background: #fff; border:1px solid #e0e0e0; font-size: 1em; color:#707070; padding: 1px; }
 #form_filters .hover, #form_filters .hover2{ background-color: #fff; color:#303030; border: 1px #707070 solid; }
 #form_filters .input_error{ border: 1px solid red; background: #fff url(img/error.gif) 1px center no-repeat; }
#clients { width: 95%;  margin: 10px 5px 5px 2%; }
#clients #recipients { float: left; width: auto; white-space: nowrap; font-size: 85%;   border: 0px red solid}
#clients #recipients td { padding: 1px; }
#zclients #recipients label { display: block; padding: 1px; }
#clients #recipients .unavailable { color: silver; background: url(img/hatch2.png); }
#clients #recipients .notsent { color: red; background: url(img/hatch3.png); }
#clients #recipients button { font-size: 0; margin-left: 1px; cursor: pointer; }
#clients #recipients ul { position: relative; display:none; margin: 5px; padding: 2px; width: auto; white-space: nowrap; color: #303030; border: 1px #303030 solid; background: #FFFFE1; z-index: 100;}
#clients #recipients ul li { font-size: 1em; padding: 2px; height: 1em; line-height: 1em; white-space: nowrap; clear: both; }
#clients #recipients ul li i { float: left; text-align: right; padding-right: 5px; width: 170px; }
#clients #compose { border: 0px red solid; }
#clients #compose #mail_subject { font-size: 1em; width: 98%; }
#clients #compose #mail_body { font-size: 1em; width: 98%; height: 150px; }
#clients #compose #mail_iframe { width: 98%; height: 150px; border: none; overflow: hidden; }
#clients .inleft {  margin: 5px; }

#clients #results{ background: #EFEFEF url(img/corner_wh3.png) no-repeat right top; margin-bottom: 5px;}
#clients #results .legend{ color: #707070; font-style: italic; font-weight: bold; margin:0; padding: 3px 0 0 7px; background: url(img/corner_wh3.png) no-repeat left top;}
#clients #results p{ margin: 0 5px 0 20px; }
#clients #results p.bottom{ background: url(img/corner_wh3.png) no-repeat bottom right; margin:0; height: 10px; line-height: 10px; }
#clients #results p.bottom b{display: block; background: url(img/corner_wh3.png) no-repeat left bottom; height: 10px; line-height: 10px; }



#popup { position: absolute; left: 50px; top: 50px; width: 400px; z-index: 250; }
.popup { position: absolute; width: 400px; z-index: 250; }
 #popup.popupok p{color: #00B000;}
 #popup.popupko p{color: #EC3617;}
 #popup.popupwait p{color: #0A4B9F;}
 #popup .top, .popup .top{display: block; height: 10px; line-height: 10px; font-size: .1em; background: url(img/popup.png) no-repeat left top;}
 #popup .bottom, .popup .bottom{display: block; height: 10px; line-height: 10px; font-size: .1em; background: url(img/popup.png) no-repeat left bottom;}
 #popup .text, .popup .text{display: block;  background: url(img/popup.png) no-repeat left center; padding:0 12px;}
 #popup .text b{display: block; padding-left: 24px; line-height: 18px; }
 #popup.popupok p.text b{background: url(img/error_ok.png) no-repeat left center;}
 #popup.popupko p.text b{background: url(img/error_ko.png) no-repeat left center;}
 #popup.popupwait p.text b{background: url(img/wait.gif) no-repeat left center;}
 #popup #close { cursor:pointer; float:right; padding:5px;}

#admin_div{position:absolute;  left: 0; top: 0; height: 20px; width: 20px; background: url(img/blank.png); z-index: 500; }
#admin_form{position:fixed!important; position: absolute; left: 0; top: 0; width: 100%; background: url('img/hatch.png'); border-top: 1px solid white; border-bottom: 1px solid white; z-index: 200;}
#admin_white{ height:20px; padding: 10px; background: url('img/white_transparent.png'); }
* html #admin_white{background: white;}
#admin_white div{position: relative;}
 #admin_pass{ font-size: 1em; margin: 0 1px; width: 85px; }
 #admin_submit,#admin_cancel {  width: 90px; margin: 0 1px; cursor: pointer;}
 #admin_logout {  width: 85px; margin: 0 10px 0 0; cursor: pointer;}