BODY					{ font-family: MS Sans Serif, Verdana, Arial; font-size: 10pt; color:#000000}
TABLE					{ font-family: MS Sans Serif, Verdana, Arial; font-size: 10pt; color:#000000}

.styleButton			{height:34px; background-image:url(../images/button_left.png); background-position:top left; background-repeat:no-repeat; padding:0px; cursor:pointer;}
.styleButton A			{height:34px; background-image:url(../images/button_right.png); background-position:top right; background-repeat:no-repeat; margin-left:17px; padding:0px; padding-right:17px; padding-top:8px; font-size:11px; text-align:center; font-weight:bold; font-family:Arial; display:block; text-decoration:none; color:#FFFFFF;}
.styleButton A:hover	{text-decoration:underline; color:#F5E590;}
					

tr.btnBar				{background-color:#F1F3F8;}
						
form					{margin:0px; padding:0px;}
	
.debug					{width:100%; height:300px; border:2px solid red; display:none;}

A						{color:#000088; text-decoration:underline;}
A:hover					{color:#00009D; text-decoration:underline;}

td.enteteColone			{
						border-top:1px solid #A0A0A0;
						border-bottom:1px solid #A0A0A0;						
						font-size:11px;
						color:#505050;
						font-weight:bold;
						background-color:#E5E5E5;
						padding:3px; padding-left:15px;
						}					
.label					{
						font-size:11px;
						color:#505050;
						padding-top:5px;
						}						
.coolhead				{
							background: #EFEBDE;
							border-top: 1px solid #FFFFFF;
							border-left: 1px solid #FFFFFF;
							border-bottom: 1px solid #ADAA9C;
							border-right: 1px solid #ADAA9C;
							vertical-align:middle;
							font-weight:bold;
							padding: 3pt;							
							font: menu;
							color: #000000;
						}
A.liste						{ font-family:Arial; color:#000000;
							  background-color:#FFFFFF; margin:1px; padding:3px; display:block;
							  text-decoration: none;
							}
							
A.liste:HOVER				{ font-family:Arial; color:#FFFFFF;
							  background-color:#00226A; margin:1px; padding:3px; display:block;
							  text-decoration: none;
							}						

.ul_orderlist{
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.ul_orderlist li {
	position: relative;
	margin-bottom:2px;
}

.ul_orderlist li .handle {
	float: left;
	background-color: #ccc;
	background-repeat: repeat-y;
	border-right:solid 1px #FFF;
	width: 7px;
	height: 23px;
	cursor: move;
}

.ul_orderlist li .column {
	float: left;
}


/*******************************************/
a img{
	border:none;
}

a{
	color:#4d4d4d;
	text-decoration:none;
	
}
a:hover{
	color:#fd9001;
}

h1{
	font:bold 15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#1d1d1d;
}
h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#1d1d1d;
	margin: 10px 0;
}

body{
	margin:0;
	padding:0;
	/* background:#f5f4f4 url(../images/bkg_body.jpg) top repeat-x; */
	background:#f5f4f4 url(../images/bkg_body.jpg) top repeat-x;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
}
.main{
	margin: 0 auto;
	width:100%;
	max-width: 1300px;
	text-align:left;
	background:url(../images/bkg_main_top.jpg) top no-repeat;

}
.top{
	width:100%;
	height:160px;
	padding:0 10px 0 13px;
}

.top .tool_navig{
	text-align:right;
	font:normal 10px Arial, Helvetica, sans-serif;
	padding:8px 10px;
}
.top .navig{
	background:url(../images/bkg_navig.jpg) no-repeat;
	width:100%;
	height:52px;
	top:100px;
	position:absolute;
	padding:3px 10px 0;
}

.navig .element_nav{
	display:block;
	float:left;
	padding:26px 12px 0;
	
}


.navig a.element_nav{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
	text-decoration:none;
}

.navig a.element_nav:hover{
	color:#E8E8E8;
	text-decoration:none;
}

.middle{
	padding:0 15px;
}

table th{
	background:#a7a792;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
	/*position:sticky;
	top:0;*/
}

table.result{
	border-bottom:solid 3px #a7a792;
	/*display:inline-grid;
	grid-template-areas:  
	"head-fixed" 
	"body-scrollable"; 
    /* width: 100%;
    table-layout: fixed;
	border-collapse: collapse;
	overflow-y:auto;
	height:1000px;*/
}
/*
table.result thead{
	grid-area: head-fixed;
}

table.result tbody{
	grid-area: body-scrollable;
	overflow: auto;
	height: calc(100vh - 230px);
  /*display:block;
  width: 100%;
  overflow: auto;
  height:100%;*/
}


table th a{
	color:#1d1d1d;
	text-decoration:none;	
}
table th a:hover{
	color:#1d1d1d;
	text-decoration:none;
}

table th.first{
	background:#a7a792 url(../images/bkg_first_th.gif) top left no-repeat;
}
table th.last{
	background:#a7a792 url(../images/bkg_last_th.gif) bottom right no-repeat;
}

table.search th{
	background:#cfcfc3;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
}
table.search th.first{
	background:#cfcfc3 url(../images/bkg_first_th_search.gif) top right no-repeat;
}

table.search th.last{
	background:#cfcfc3 url(../images/bkg_last_th_search.gif) bottom right no-repeat;
}

table.search tr.selected th{
	background:#fd9001;
}
table.search tr.selected th.first{
	background:#fd9001 url(../images/bkg_first_th_search_select.gif) top right no-repeat;
}
table.search tr.selected th.last{
	background:#fd9001 url(../images/bkg_last_th_search_select.gif) bottom right no-repeat;
}




.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
.button_container{
	padding:5px;
	background:#eaeadc;
	margin-bottom:10px;
}



a.button{
	background:url(../images/bkg_button_up.jpg) no-repeat;
	width:140px;
	_width:160px;
	height:43px;
	display:block;
	float:left;
	text-align:center;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
	text-decoration:none;
	line-height:33px;
	padding:0 10px 0 10px;
	overflow:hidden;
}
a.button:hover{
	background:url(../images/bkg_button_rl.jpg) no-repeat;
	color:#1d1d1d;
	text-decoration:none;
}


a.button_print{
	background:url(../images/bkg_btn_print_up.gif) no-repeat;
	width:113px;
	_width:153px;
	height:42px;
	display:block;
	float:left;
	text-align:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
	text-decoration:none;
	line-height:35px;
	padding:0 10px 0 40px;
	overflow:hidden;
}
a.button_print:hover{
	background:url(../images/bkg_btn_print_rl.gif) no-repeat;
	color:#1d1d1d;
	text-decoration:none;
}


a.button_cart_left{
	background:url(../images/bkg_btn_panier_left_up.jpg) no-repeat;
	width:87px;
	_width:103px;
	height:43px;
	display:block;
	float:left;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
	text-decoration:none;
	line-height:35px;
	padding:0 8px;
	overflow:hidden;
}
a.button_cart_left:hover{
	background:url(../images/bkg_btn_panier_left_rl.jpg) no-repeat;
	color:#1d1d1d;
	text-decoration:none;
}

a.button_cart_right{
	background:url(../images/bkg_btn_panier_right_up.jpg) no-repeat;
	width:86px;
	_width:102px;
	height:43px;
	display:block;
	float:left;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#1d1d1d;
	text-decoration:none;
	line-height:35px;
	padding:0 8px;
	overflow:hidden;
}
a.button_cart_right:hover{
	background:url(../images/bkg_btn_panier_right_rl.jpg) no-repeat;
	color:#1d1d1d;
	text-decoration:none;
}



ul.commander_choix_serie{
	list-style:none;
	margin:0;
	padding:0;
}

ul.commander_choix_serie li{
	list-style:none;
	margin-bottom:2px;
}
ul.commander_choix_serie li a{
	background:#f0f0e8;
	border: solid 1px #d1d1c6;
	width:162px;
	_width:182px;
	display:block;
	padding:8px 10px;
	
	color:#626459;
	font:bold 11px Arial, Helvetica, sans-serif;
}
ul.commander_choix_serie li a:hover{
	color:#fd9001;
	text-decoration:none;
}

ul.commander_choix_serie li ul{
	margin:0 0 5px 0;
	padding:0;
	display:none;
}

ul.commander_choix_serie li li{
	margin-left:8px;
}
ul.commander_choix_serie li li a{
	background:none;
	border:none;
	width:100px;
	width:152px;
	_width:170px;
	display:block;
	padding:0 10px;
	margin:2px 0 0;
	background:url(../images/puce_commander_categ.gif) left 6px no-repeat;
		
	color:#1d1d1d;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:14px;
}


#lstSeries{
	min-height:304px;
	_height:304px;
}


.item_lstSerie{
	float:left;
	margin:0 2px 7px 1px;
}
.item_lstSerie a img{
	border:solid 1px #999;
	filter:alpha(opacity=50);
	opacity :.5;
	moz-opacity:.5;
}
.item_lstSerie a.selected img{
	filter:alpha(opacity=100);
	opacity :1;
	moz-opacity:1;
}

.item_lstSerie a:hover img{
	border:solid 1px #999;
	filter:alpha(opacity=100);
	opacity :1;
	moz-opacity:1;
}

.codeSerie_image{
	background: url(../images/bkg_codeSerie.gif) no-repeat; 
	position:relative; 
	height:24px; 
	margin-top:-24px; 
	line-height:24px; 
	padding-left:10px;
	font-size:11px;
}

.puce_fleche{
	background:url(../images/puce_fleche_vert.gif) left center no-repeat;
	padding-left:10px;
}

.image_slideshow{
	margin:12px 0;
}

.image_slideshow_nav_seq{
	float:left;
	width:14px;
	height:73px;
}

.image_slideshow .image_slideshow_container{
	float:left;
	width:475px;
	height:74px;
	overflow-x:hidden;
	margin:0 3px;
}

.image_slideshow .image_slideshow_container a img{
	height:70px;
	border: solid 1px #dfdfdf;
	filter:alpha(opacity=50);
	opacity :.5;
	moz-opacity:.5;
}

.image_slideshow .image_slideshow_container a.selected img{
	filter:alpha(opacity=100);
	opacity :1;
	moz-opacity:1;
}


.image_slideshow .image_slideshow_container a:hover img{
	filter:alpha(opacity=100);
	opacity :1;
	moz-opacity:1;
}



.elem_produit{
	background:#eaeadc;
	border:solid 1px #cfcfc3;
	width:506px;
}

.box_info{
	margin:0 5px;
	width:496px;
	border: solid 1px #9f9f95;
	border-top:none;
	background:#fff;
	display:none;
	
}

.box_info TD{
	font-size:9px;
}

.line_content{
	width:100%;
	height:1.3em;
	overflow:hidden;
}

.bulle_info{
	display:none;
	max-width:400px;
	padding:4px 7px;
	position:absolute;
	background:#fd9001;
	color:#000;
}

.date_expe_produit{
}
.date_expe_produit img{
	display:none;
}

#lstSeries{
	width:215px;
}

#divCart{
	margin-top:15px;
	border-top:solid 2px #cfcfc3;
	width:215px;
}

	}