body
{
margin:0;
padding:0;
background-color:#000000;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

position:absolute;
height:600px;
width:990px;
margin:-300px 0px 0px -495px;
top: 50%;
left: 50%;
text-align: left;
padding: 0px;
border: 0px dotted #000000;
overflow: none;
}

p {
	font-weight: normal;
	color: #005FB2;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.p_orange {
	font-weight: normal;
	color: #EB6301;
	text-decoration: none;
	font-style: normal;
}
a:link {
	font-size: 11.5px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
a:visited {
	font-size: 11.5px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
a:hover {
	font-size: 11.5px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
h1 {
	font-size: 13px;
	color: #EB6301;
}

h2 {
	font-size: 11px;
	color: #004AD0;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	color: #005FB2;
	font-weight: normal;
}

/* ---------- quicksearch form ---------- */

.index_sb
{
position:relative;
top:3px;
margin-left:0.0em; margin-top:0.0em; margin-right:0.0em; margin-bottom:0.0em;
padding-left:0.0em; padding-top:0.0em; padding-right:0.0em; padding-bottom:0.0em;
color:#373737;
text-align:left;
}

.index_sb .field_area
{
clear:both;
margin-left:0.0em; margin-top:0.0em; margin-right:0.0em; margin-bottom:0.0em;
height:100%;
}

.index_sb .form_sb
{
width:auto;
float:none;
margin:0;
padding:0;
display:inline;
font-weight:normal;
}

.index_sb input
{
width:100%;
margin-left:0.0em; margin-top:0.3em; margin-right:0.0em; margin-bottom:0.3em;
padding-left:0.2em; padding-top:0.1em; padding-right:0.0em; padding-bottom:0.1em;
font-size:1.0em;
}

.index_sb .ok
{
width:25%;
margin-left:0.3em; margin-top:0.0em; margin-right:0.0em; margin-bottom:0.4em;
padding-left:0.0em; padding-top:0.0em; padding-right:0.0em; padding-bottom:0.0em;
font-weight:bold;
}


/* ----- categories area ----- */

.categories
{
width:auto;
}
.categories table
{
background: #ffffff;
/*border-collapse: collapse;*/
color: #000000;
/*margin: 0 0 1em;*/
/*table-layout: fixed;*/
}

.categories table a:link, .categories table a:visited
{
color: #777777;
text-decoration:none;
font-size: 0.94em;
font-weight:bold;
}

.categories table a:hover, .categories table a:active
{
/*color: #255382;*/
color: #960034;
}

.categories td
{
margin: 0;
padding: 0;
text-align: left;
/*vertical-align: top;*/
border: 0px solid #b7b7b7;
color: #222222;
height:33px;
}

.categories tr
{
background-image: url(../media/images/fond_bt_navleft.jpg);
background-repeat:no-repeat;
background-position:left;
}
.categories tr:hover
{
background-image: url(../media/images/fond_bt_navleft-over.jpg);
background-repeat:no-repeat;
background-position:left;
}

.categories td[colspan]
{
text-align: center;
}

.categories td[rowspan]
{
vertical-align: middle;
}

.categories thead td
{
vertical-align: bottom;
}

.categories td .cat
{
padding: .3em .5em;
color: #777777;
text-align:left;
font-size: 11px;
width:109px;
}

.categories td .nb
{
padding: .3em .5em;
color: #777777;
text-align:center;
font-size: 9px;
width:20px;
}

/* ---------- category ---------- */
.cat_menu
{
margin:0;
padding:0;
cursor:pointer;
}

.cat_menu .lev1
{
clear:both;
vertical-align:middle;
line-height:12px;
margin-top:auto;
margin-bottom:auto;
height:33px;
background-image: url(../media/images/fond_bt_navleft.jpg);
background-repeat:no-repeat;
background-position:left;
}

.cat_menu .lev1:hover
{
background-image: url(../media/images/fond_bt_navleft-over.jpg);
background-repeat:no-repeat;
background-position:left;
color:#ffffff;
}

.win.ie .cat_menu .lev1, .cat_menu h1, .cat_menu h2
{ display:inline; zoom:1; }

.cat_menu .lev1 h1, .cat_menu .lev1 h2
{
display:table-cell;
vertical-align:middle;
margin:0;
padding-left:0.4em; padding-top:0.0em; padding-right:0.3em; padding-bottom:0.0em;
color:#777777;
height:33px;
/*!line-height:33px;*/
}

.cat_menu .lev1 h1
{
text-align:left;
font-weight:normal;
font-size: 11px;
width:119px;
}
.win.ie .cat_menu .lev1 h1
{ width:113px; }

.cat_menu .lev1 h1:hover
{
color:#ffffff;
}

.cat_menu .lev1 h2
{
text-align:center;
font-weight:normal;
font-size: 9px;
width:20px;
}

.win.ie .cat_menu .lev1 h2
{ line-height:33px; }

.cat_menu .lev2
{
}

.cat_menu .lev2 .lev2e
{
background:#ffffff;
/*line-height:12px;*/
}

.cat_menu .lev2 .lev2e:hover
{
/*background:#FBE2CE;*/
}
.cat_menu .lev2 .lev2e:hover h1, .cat_menu .lev2 .lev2e:hover h2
{
color:#EA670C;
/*font-weight: bold;
font-size: 9px;*/
}

.win.ie .cat_menu .lev2 .lev2e, .cat_menu .lev2 .lev2e h1, .cat_menu .lev2 .lev2e h2
{ display:inline; zoom:1; }

.cat_menu .lev2 .lev2e h1, .cat_menu .lev2 .lev2e h2
{
display:table-cell;
vertical-align:middle;
margin:0;
padding-left:0.4em; padding-top:0.0em; padding-right:0.3em; padding-bottom:0.0em;
color:#777777;
/*height:13px;*/
}

.cat_menu .lev2 .lev2e h1
{
text-align:left;
font-weight:normal;
font-size: 10px;
width:119px;
}

.win.ie .cat_menu .lev2 .lev2e h1
{ width:113px; }

.cat_menu .lev2 .lev2e h2
{
text-align:center;
font-weight:normal;
font-size: 9px;
width:20px;
cursor:default;
}

/*.cat_menu .lev1 a:link, .cat_menu .lev1 a:visited
{
font-size:11px;
font-weight:normal;
color: #777777;
text-decoration:none;
}

.cat_menu .lev1 a:hover, .cat_menu .lev1 a:active
{
color: #222222;
color:#EE6503;
}*/

.cat_menu .lev2 .lev2e a:link, .cat_menu .lev2 .lev2e a:visited
{
font-size:10px;
font-weight:normal;
color: #999999;
text-decoration:none;
cursor:pointer;
}

.cat_menu .lev2 .lev2e a:hover, .cat_menu .lev2 .lev2e a:active
{
color: #222222;
color:#EE6503;
}

/* remplacé par une appel jq
.cat_menu .lev2 .lev2e h1.sel, .cat_menu .lev2 .lev2e h2.sel
{
color: #EE6503;
} */
/* ---------- item list ---------- */
.list_itm
{
/*float:left;
clear:both;
top:2px;*/
margin:0;
padding:0 0px 0 0px;
height:279px;
background-color:#ffffff;
color: #000000;
}

.list_itm table tbody tr.evenrow td { background-color: #ffffff; }
.list_itm table tbody tr.oddrow td { background-color: #DFDFE4; }

.list_itm_h_code, .list_itm_h_title, .list_itm_h_manufacturer, .list_itm_h_price, .list_itm_h_doc
{
background: #ea670c;
height:35px;
padding:0 5px 0 5px;
color: #ffffff;
}

.list_itm_h_code
{
width:127px;
text-align:center;
}

.list_itm_h_title
{
width:200px;
text-align:left;
}

.list_itm_h_manufacturer
{
width:200px;
text-align:center;
}

.list_itm_h_price
{
width:80px;
text-align:right;
}

.list_itm_h_doc
{
width:110px;
text-align:center;
}

.list_itm_d_code, .list_itm_d_title, .list_itm_d_manufacturer, .list_itm_d_price, .list_itm_d_doc
{
/*background: #d7d6de;*/
height:35px;
padding:0 5px 0 5px;
}

.list_itm_d_code
{
text-align:center;
}

.list_itm_d_title
{
text-align:left;
}

.list_itm_d_manufacturer
{
text-align:center;
}

.list_itm_d_price
{
text-align:right;
}

.list_itm_d_doc
{
text-align:center;
}
/* ---------- item list nav ---------- */
.list_nav
{
/*float:right;
clear:both;*/
text-align:left;
border: 0px solid #b7b7b7;
margin:5px 0px 5px 0px;
padding:0;
color: #000000;
}

.list_nav td
{
padding:0px 0px 0px 5px;
}

.list_nav form
{
font-size:1.0em;
}

.list_nav input
{
text-align:center;
font-size:1.0em;
}
/* ---------- item list sort ---------- */
 a.list_sort_sel:link, a.list_sort_sel:visited
{
font-size: 11.0px;
font-weight: normal;
color: #660000;
text-decoration: none;
}

a.list_sort_sel:hover
{
color: #660000;
}

 a.list_sort:link, a.list_sort:visited
{
font-size: 11.0px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

a.list_sort:hover
{
color: #660000;
}
/* ---------- misc ---------- */
.version
{
float:left;
position:absolute;
left:885px;
top: 589px;
font-size:8px;
color: #7FC3FE;
}

#gmap
{
border: 1px solid #b7b7b7;
padding: 10px;
margin: 0px;
color: #333333;
}

a.link
{
font-size: 11px;
font-weight: bold;
color: #444444;
text-decoration: none;
}

a.link:hover
{
color: #ff0000;
}

.tip
{
background-color:#006BB3;
margin:0px;
padding:0px;
border:1px solid #777777;
color: #eeeeee;
text-align: center;
cursor:pointer;
}

.tip_imp
{
/*position:absolute;
top:-2px;
right:0px;*/
background-image: url(../media/images/fond_bt_navleft.jpg);
background-repeat:repeat;
background-position:left;
background-color:#EEEEF3;
margin:0px;
padding:2px;
border:1px solid #DDAF8C;
color: #777777;
text-align: center;
cursor:pointer;

position:absolute;
top:514px;
}

.tip_imp:hover
{
background-image: url(../media/images/fond_bt_navleft-over.jpg);
background-repeat:repeat;
background-position:left;
color:#ffffff;
}

.tip_pic
{
visibility:hidden;
position:absolute;
top:237px;
z-index:3;
color:#333;
background-color:#fff;
width:282px;
height:282px;
border:1px solid #ccc;
vertical-align:center;
text-align:center;
/*padding: 5px 5px 5px 15px;*/
/*border-radius: 4px;*/
/*-webkit-border-radius: 6px;*/
-webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;
/*-moz-border-radius: 4px;*/
-moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;
-webkit-box-shadow: 5px 5px 15px #555;
-moz-box-shadow: #555 5px 5px 15px;

display: table;
overflow: hidden;
}

.win.webkit .tip_pic { top:238px; }

.mac.gecko .tip_pic { top:238px; }
.win.gecko .tip_pic { top:238px; }
.win.ie .tip_pic { top:236px; }