/********* TUBALUX 2009 CSS *********/
/* All by Csordas Zoltan @ Dotcom.lu*/
/************************************/
/* % 52,689352360043907793633369923161 */
*{
	margin:0; padding:0; border:none; 

}
html{ 
	background:#A3A3A3  url(tub09_bkg_html.gif);
	overflow:scroll;
}
body{ 
	height:100%;
	text-align:center;
	background:url(tub09_bkg_top.gif) repeat-x; 
	border:1px solid red; border:0;
	font-size:1em;
}
/******* DEBUG JS ************/
#data{
	display:none;
}
#spider{
	
	/*background:url(spiders_.gif) no-repeat center top; */
	background:none;
	height:100%;
	
	position:relative;
	float:none;
	
}
object#mySpiders{
	height:0;
	display:none;
}
embed.mySpiders
{
	height:0;
	display:none;
}
/******* PNG FIX ************/

/* img, div, #pageLeft, #pageRight, #endpage { behavior: url(iepngfix/iepngfix.htc) } */

#pageLeft{
	width:970px; height:auto;
	margin:0 auto auto auto; padding: 0;
	font-size:0.9em;font-family:Arial, Helvetica, sans-serif; font-weight:bold;
	background:url(tub09_pageborder_left.png) repeat-y left top; 
	
/*	
	position:absolute;
	z-index:200;
	left:50%; top:0;
	margin:0 0 0 -485px ; padding: 0;
	height:600px;
	
*/	
}
#pageRight{
	width:960px; height:auto;
	margin: 0 0 0 5px; padding: 0 5px 0 0;
	background:url(tub09_borderpage_right.png) repeat-y right top; 
}
#endpage{
	clear:both;
	margin:0 auto 0 auto;	padding:0;
	height:50px; width:970px;
	background:url(tub09_bottomPage_bkg.png) no-repeat left top; 
}
#topban{ 
	height:0;
	display:none;
}
#menuProduits{
	height:0;
	display:none;
}
#bread{
	height:0;
	display:none;
}
#center{
	background:#FFFFFF url(tub09_center_bkg.gif) repeat-y;
}
#center #logo{
	width:auto; border:0; margin:0 0 0 0; padding:0;
	/*background:url(tubalux_logo_bkg.gif) bottom left no-repeat ;*/
	border:1px solid red; border:0;
}
#menuLeft{
	height:0;
	display:none;
}


#content{
	float:left;
	width:727px;
	padding: 10px 10px 0 10px ; margin: 10px 0 10px 10px ;
	background:none;
	vertical-align:top;	text-align:left; font-weight:normal; color:#656565; font-size:0.9em;
	border:1px solid red; border:0;
}
#content h1{font-size:1.5em; margin:0 0 20px 0 ;}
#content h2{font-size:1.1em; margin:0 0 10px 0 ; text-transform:uppercase;}
#content h3{font-size:1.1em; margin:0 0 10px 0 ;}
#content h3 span { color:#2C6FA4; font-weight:bold; font-size:1.2em;}
.bleu{color:#004c96;}
.gris{color:#454545;}
a#top{ position:absolute; margin:0; padding:0; height:0; font-size:0;}
#content h3 a.top
{
	display:block;	float:right;
	width:30px; margin:0 0 0 0;
	text-decoration:none;
	background:url(topspider.gif) no-repeat top right;
	border:1px solid red; border:0;
}
#content h3 a.top:hover
{
	background:url(topspider.gif) no-repeat bottom right;
	border:1px solid green; border:0;
}
#content div p.floatLeft
{
	display:block;	float:left;
	margin:0 0 0 10px;	padding:0; width:400px;
	border:1px solid red; border:0;
}
#content div{
	margin:20px 0 10px 0; padding:10px;
	background:#f3f3f3;	border:1px solid #dddddd;
}
#content div p{
	position:relative;
	margin:0;
	padding:0 0 10px 0;
}

#content div.liste_speciale img{
	margin:0; padding:0; border:0;
	border:1px solid #AAAAAA;
	border-top:0;
	border-left:0;
}
#content div.liste_speciale ul{
	display:block; position:relative;
	float:left;
	margin:10px 0 0 10px; padding:0; width:400px;
	list-style:none;
	}
	#content div.liste_speciale ul li{
		float:none;
		display:block;
		width:auto; 
	}
	#content div.liste_speciale ul li span{
		display:block;
		float:left;
		font-size:1.3em; line-height:0.5em; color:#2C6FA4;
		padding: 4px 3px 0 0;
		clear:left;
	}
	#content div.liste_speciale ul.w50{
		display:block; position:relative;
		float:left;
		margin:10px 0 0 10px; padding:0; width:195px;
		list-style:none;
	}
	#content div.liste_speciale ul.w50 li{
		float:left;
		display:block;
		width:195px;
	}
table.contact{
	float:left;
}
table.contact tr td{
	padding:3px;
}
table.contact tr td span{
	color:#F00000;
}

#content div img{
	float:left;
	margin: 0 10px 0 0; padding:5px;
	border:1px solid #AAAAAA;
	border-top:0;
	border-left:0;
	background:#FFF;
}

#content div img{
	float:left;
	margin: 0 10px 0 0; padding:5px;
	border:1px solid #AAAAAA;
	border-top:0;
	border-left:0;
	background:#FFF;
}
/* PAGE D ACCUEIL */
#content div.produitsliste{
	padding:0 0 0 0 ; margin:20px 0 20px 0;
	background:#d3d4d4 ;	border:none;
	text-align:left;
}
	#content div.produitsliste h1{
		display:block;  margin:0 0 15px 0; padding: 0 0 0 0;
		height:15px;
		text-align:right;
		background:#FFFFFF;
		border-top:5px solid #FFFFFF;	
		border:1px solid white;
		font-size:0;
	}
	#content div.produitsliste h1 img{
		float:none;
		margin:0; padding:0;
		border:1px dotted green; border:0;
	}
	#content div.produitsliste h1 span{
		display:none; 
	}
	
	#content div.produitsliste a {
		display:block; float:left;
		height:110px;	width:87px; margin:0 0 15px 75px;
		text-decoration:none; 
	}
	#content div.produitsliste a img {
		float:none;
		margin:0; padding:0;
		border:0;
	}
	#content div.produitsliste a span{
		display:block;
		height:24px; width:96px; margin:-4px 0 0 0; padding:0; 
		font-size:0.9em;  line-height:25px;	text-decoration:none; color:#FFFFFF; text-align:center;
		background:#454545; 
	}

	#content div.produitsliste a:hover span{
		color:#454545; 
		background:#FFFFFF;
	}


#content div.produits{
	padding:0 0 0 0 ; margin:0 0 0 0;
	background:none;	border:none;
	text-align:center;
}
	#content div.produits div.space{
		float:left; display:block;
		height:170px; width:102px; background:green;
		padding:0 0 0 0 ; margin:0 0 0 0;
		background:none;	border:none;
	}
	#content div.produits a {
		display:block; float:left;
		height:auto;	width:174px; 
		margin: 0 0 3em 0;  padding:0;
		text-decoration:none;
		background:#CCCCCC;  
	}
	#content div.produits a:hover{
		padding:0;
		border:2px solid #CCCCCC;  border:0;
		background:#FFFFFF;
	}
	#content div.produits a img {
		float:none;
		width:170px; height:170px;
		margin:0; padding:0;
		border:2px solid #CCCCCC; border-bottom:none; border-top:none;
	}
	#content div.produits a strong.title{
/*		
		position:absolute;
		display:block;
		width:170px;
		margin:-1.3em 0 0 0;
		text-align:left; color: #CCCCCC; text-transform:uppercase; font-size:1.2em;
		border:1px solid #FFFFFF;
		background:red;
*/		
		left:none; top:none; 
		float:none;
		position:relative; 
		display:block;
		width:174px; height:1.0em; 
		margin:0 0 0 0; padding:0 0 0 0;
		text-align:right; color: #CCCCCC; text-transform:uppercase; font-size:1.2em; font-weight:normal;
		border:none;
		background:#FFFFFF;
	}
	#content div.produits a:hover strong.title{
			background:none;
			color:#454545;
	}
	#content div.produits a span.power{
		display:block;
		height:24px; width:auto; margin:-4px 0 0 0; padding:0; 
		font-size:0.9em;  line-height:25px;	text-decoration:none; color:#454545; text-align:center;
		background:none;
		border:2px solid #CCCCCC; border-top:none;
	}
	
	#content div.produits a span.icons_poeles{
		display:block;
		width:170px;
		height:24px;
		border:2px solid #CCCCCC; border-bottom:none;
	}
	
	.icons_poeles_tech .boi,
	.icons_poeles_tech .pel,
	.icons_poeles_tech .bio,
	.icons_poeles_tech .air,
	.icons_poeles_tech .rac,
	.icons_poeles .boi,
	.icons_poeles .pel,
	.icons_poeles .bio,
	.icons_poeles .air,
	.icons_poeles .rac
	{ display:block; float:left; width:20px; height:20px; margin: 2px 2px 0 0; padding:0;  border:0;}
	.icons_poeles_tech span{ display:block; float:left; padding: 2px 0 0 0; margin:0 10px 0 0 ; text-transform:capitalize; line-height:1.5em;}
	
	/* Bois */				#content div.produits a .icons_poeles .boi{  background:url(icons_full.jpg) -23px 	-22px no-repeat; }
	/* Pellets */			#content div.produits a .icons_poeles .pel{ background:url(icons_full.jpg)  -46px 	-22px no-repeat; }
	/* Bioethanol */	#content div.produits a .icons_poeles .bio{ background:url(icons_full.jpg) 	0px 	-22px no-repeat; }
	/* Air*/					#content div.produits a .icons_poeles .air{ background:url(icons_full.jpg) -68px 	-22px no-repeat; }
	/*  Radccord;*/		#content div.produits a .icons_poeles .rac{ background:url(icons_full.jpg) -91px 	-22px no-repeat; }
	
	/* Bois */				#content div.produits a:hover .icons_poeles .boi{  background:url(icons_full.jpg)  	-23px 0px no-repeat; }
	/* Pellets */			#content div.produits a:hover .icons_poeles .pel{ background:url(icons_full.jpg)  	-46px 0px no-repeat; }
	/* Bioethanol */	#content div.produits a:hover .icons_poeles .bio{ background:url(icons_full.jpg) 	0px 0px no-repeat; }
	/* Air*/					#content div.produits a:hover .icons_poeles .air{ background:url(icons_full.jpg) 	-68px 0px no-repeat; }
	/*  Radccord;*/		#content div.produits a:hover .icons_poeles .rac{ background:url(icons_full.jpg) 	-91px 0px no-repeat; }
	
	/* Bois */			#content .icons_poeles_tech .boi{ background:url(icons_full.jpg)  	-23px -44px no-repeat; }
	/* Pellets */		#content .icons_poeles_tech .pel{ background:url(icons_full.jpg)  	-46px -44px no-repeat; }
	/* Bioethanol */#content .icons_poeles_tech .bio{ background:url(icons_full.jpg) 		0px   -44px no-repeat; }
	/* Air*/				#content .icons_poeles_tech .air{ background:url(icons_full.jpg) 		-68px -44px no-repeat; }
	/*  Radccord;*/	#content .icons_poeles_tech .rac{ background:url(icons_full.jpg) 		-91px -44px no-repeat; }
	
	
	
	
/**************************************************************************************************************/	
#content div.produitsGalerie{
	padding:0 0 0 0 ; margin:0 0 0 0;
	background:none;	border:none;
	text-align:center;
}
	#content div.produitsGalerie div.space{
		float:left; display:block;
		height:170px; width:102px; background:green;
		padding:0 0 0 0 ; margin:0 0 0 0;
		background:none;	border:none;
	}
	#content div.produitsGalerie a {
		display:block; float:left;
		height:auto;	width:174px; 
		margin: 0 0 3em 0;  padding:0;
		text-decoration:none;
		background:#CCCCCC;  
	}
	#content div.produitsGalerie a:hover{
	}
	#content div.produitsGalerie a:visited{
		color: #CCCCCC;
	}
	#content div.produitsGalerie a img {
		float:none;
		width:170px; height:170px;
		margin:0; padding:0;
		border:2px solid #CCCCCC; border-bottom:none; border-top:none;
	}
	#content div.produitsGalerie a strong.title{
/*		
		position:absolute;
		display:block;
		width:170px;
		margin:-1.3em 0 0 0;
		text-align:left; color: #CCCCCC; text-transform:uppercase; font-size:1.2em;
		border:1px solid #FFFFFF;
		background:red;
*/		
		left:none; top:none; 
		float:none;
		position:relative; 
		display:block;
		width:174px; height:1.0em; 
		margin:0 0 0 0; padding:0 0 0 0;
		text-align:right; color: #CCCCCC; text-transform:uppercase; font-size:1.2em; font-weight:normal;
		border:none;
		background:#FFFFFF;
	}
	#content div.produitsGalerie a:hover strong.title{
	}
	#content div.produitsGalerie a span.power{
		display:block;
		height:24px; width:auto; margin:-4px 0 0 0; padding:0; 
		font-size:0.9em;  line-height:25px;	text-decoration:none; color:#454545; text-align:center;
		background:none;
		border:2px solid #CCCCCC; border-top:none;
	}
	
	#content div.produitsGalerie a span.icons_poeles{
		display:block;
		width:170px;
		height:24px;
		border:2px solid #CCCCCC; border-bottom:none;
	}
		
	/* Bois */				#content div.produitsGalerie a .icons_poeles .boi{  background:url(icons_full.jpg) -23px 	-22px no-repeat; }
	/* Pellets */			#content div.produitsGalerie a .icons_poeles .pel{ background:url(icons_full.jpg)  -46px 	-22px no-repeat; }
	/* Bioethanol */	#content div.produitsGalerie a .icons_poeles .bio{ background:url(icons_full.jpg) 	0px 	-22px no-repeat; }
	/* Air*/					#content div.produitsGalerie a .icons_poeles .air{ background:url(icons_full.jpg) -68px 	-22px no-repeat; }
	/*  Radccord;*/		#content div.produitsGalerie a .icons_poeles .rac{ background:url(icons_full.jpg) -91px 	-22px no-repeat; }
	
	/**************************************************************************************************************/	
	
	
	
	
	#content a.icon_pdf{ position:relative; float:none; color:#004c96; text-decoration:none; }
	#content div.detailsProduit div.intro  a.icon_pdf span{ 
		float:none;	height:auto; width:auto; margin:0; padding:0; /* CONTRER LE SPAN */
		color:#656565; font-weight:bold; font-size:1.1em;
	}
	#content a.icon_pdf b{ height:16px; margin:0 5px 0 0; padding: 0 0 0 16px; background:url(icone_pdf.gif) bottom right no-repeat;
	}
	
	#content a:hover.icon_pdf{ color:#656565;}
	#content a.icon_pdf:hover b{ background:url(icone_pdf.gif) top right no-repeat;}
	#content a.icon_pdf:hover span{ color:#004c96;}

	#content a.linkInside{ color:#004c96; text-decoration:none;}
	#content a.linkInside:hover{ color:#004c96; text-decoration:underline;}

	#content a.linkIn{ color:#004c96; text-decoration:none;}
	#content a:hover.linkIn{ color:#656565;}
	#content a.linkIn span{ color:#656565; font-weight:bold; font-size:1.1em;}
	#content a:hover.linkIn span{ color:#004c96;}

	#content a.linkOut{ color:#004c96; text-decoration:none;}
	#content a:hover.linkOut{ color:#656565;}
	#content a.linkOut span{ color:#656565; font-weight:bold; font-size:1.1em;}
	#content a:hover.linkOut span{ color:#CC1809;}



	#content div.detailsProduit{
			background:#B3B3B3;
	}
	#content div.detailsProduit img.illu{
		float:left;
		margin: 0 10px 0 0 ;
		border:1px solid #888888;
		border-top:0;
		border-left:0;
	}
	#content div.detailsProduit div.intro{
		float:left;
		width:359px; height:auto;
		margin:0; padding:10px;
		border:1px solid #888888;
		border-top:0;
		border-left:0;
		background:#F3F3F3;
	}
	#content div.detailsProduit div.intro span{
		float:left;
		height:288px; width:1px; margin:0; padding:0;
		background:none;border:1px solid red; border:none; 
	}
	#content div.detailsProduit div.intro h1{
		display:block;
		margin:0 0 5px 0; padding:0 0 3px 5px;
		height:auto; width:auto;
		font-size:1.4em; font-weight:bolder; color:#FFFFFF; font-variant:small-caps;
		text-align:left; text-transform:lowercase;
		background:url(produit_intro_titre.jpg) left top repeat-y;
	}
	#content div.detailsProduit .coloris{
		display:block;	clear:left;
		padding: 5px 0 0 0; margin:0 0 0 0;
		color:#FFFFFF;/* font-variant:small-caps;*/
		background:none;
		border:0;
	}
	#content div.detailsProduit h3{
		display:block;
		margin:10px 0 10px 0; padding:0;
		border:0;
		font-size:1.2em; font-weight:bolder; color:#FFFFFF; font-variant:small-caps;
		text-align:center; text-transform:lowercase;
		background: url(produits_titre_carac.gif) repeat-x center center;
	}
	#content div.detailsProduit  h3 span{
		padding: 0 5px 0 5px; margin:0 0 0 0;
		background:#B3B3B3;
	}
	#content div.detailsProduit  table{
		width:100%;
		color:#FFFFFF;
		font-size:13px;
	}
	#content div.detailsProduit  table tr td{
		vertical-align:top;
	}
	#content div.detailsProduit  table td.data{
		color:#656565;
	}
	#content .noBorder,
	#content div.detailsProduit table  img{
		float:left;
		margin: 0 ; padding:0;
		border:0px;
	}
	
	.w50{	width:20%;}
	.w50{	width:30%;}
	.w30Promo{	 padding: 0 10px 0 0 ;}
	.w50{	width:50%;}
	.w55{	width:55%;}
	.w60{	width:60%;}
	.w70{	width:70%;}
	.w318px{	width:318px;}
	
	#content div#titre_produit{
		position:relative;
		height:auto; width:100%;
		margin:0 0 0 0; padding: 0 0 0 0;
		border:1px solid red; border:none;
		background:none;
	}
	#content div#titre_produit img.titreMarque{
		float:left;
		margin:4px 0 0 0; padding:0;
		border:none;
	}
	#content div#titre_produit h1{
		float:right;
		display:block;
		width:400px;
		padding:0; margin:0;
		text-align:right;
		font-size:2em; color:#B3B3B3;
	}
	#content div#titre_produit div.menuCategorie{
		float:right;
		margin:-6px 0 0 0; padding:0;
		width:590px; height:1.0em;
		background:#CACACA; border:none;
	}
	#content div#titre_produit div.menuCategorie div.space{
		float:left;
		height:auto; width:10px;
		background:none; border:none;
	}
	
	#content div#titre_produit div.menuCategorie a{
		display:block; float:left;
		padding:0 4px 0 4px; margin:0 5px 0 0;
		 height:1.0em;
		background:#FFFFFF;
		text-decoration:none;
		text-transform:uppercase;
		color:#888888;
	}
	#content div#titre_produit div.menuCategorie a:hover{
		color:#065590;
		text-decoration:none;
	}


	#content div div.coord{
		float:left;
		width:250px; height:139px;
		padding:10px;		margin:10px 0 10px 55px;
		background:#FFFFFF; border:1px solid #919999;
	}
	
	#content div.structure{
		float:left;
		width:40%; margin: 0 0 0 45px;
		background:none;
		border:0;
	}
	#content div.structure object,
	#content div.structure embed
	{
		clear:both;	
		margin:0; padding:0;
	}
	#content div.structure img{ 
		float:none;
		margin:0; padding:0;
		border:0;
	}



	#content div.galerie{ 
		float:none;
		margin:0; padding:10px 0 0 0;
		border:0;
		background:#D9D9D9;
		font-size:0;
	}
	#content div.galerie a{ 
		display:block;
		float:left;
		width:120px;
		margin: 0 0 11px 11px; padding:3px;
		text-align:center;
		border:1px solid #AAAAAA;	border-top:0;	border-left:0;
		background:#FFFFFF url(thumb_bkg.gif) no-repeat 3px 3px;
	}
	#content div.galerie img{
		float:none;
		height:90px;
		margin:0; padding:0;
		border:0;
	}
	
	input.submit{
		color:#004c96; background:#FFFFFF; cursor:pointer; border:1px outset #004c96;
	}
	input.submit:hover{
		color:#FFFFFF; background:#004c96; cursor:pointer; border:1px outset #004c96;
	}
	
	
#content .clearAll,
.galerie .clearAll,
.clearAll{
		display:block;
		clear:both;
		height:0; width:100%; margin:0; padding:0;
		font-size:0;line-height:0; 
		background:none;
		border:0;
		z-index:0;
}
#footer{
	height:0;
	display:none;
}

#flashban
{
	height:0;
	display:none;
}
#flashban object,
#flashban embed
{
	height:0;
	display:none;
}
#player{
	position:absolute; float:none; margin: 40px 0 0 904px;
	width:43px;
	border:none; border:0;
}

#content div.marques {
	padding:10px 0 0  0;
}
#content div.marques a
{
	display:block; float:left;
	height:160px; width:346px;
	margin: 0 0 10px 10px ; padding:0;
	border:1px #F3F3F3 solid;
}
#content div.marques a:hover
{
	border:1px #B8B9B8 solid;
}

#content div.marques a img
{
	display:block;
	float:none;
	padding:0; margin:0; border:0;
}


	#content div.video{
		float:left;
		width:270px; margin: 10px 0 0 50px; padding:10px;
		background:none;
		background:#f3f3f3;	border:1px solid #dddddd;
		border:none;
	}
	#content div.video object,
	#content div.video embed
	{
		clear:both;	
		margin:0; padding:0;
	}
	
	
	#content div.detailsProduitPromo{
	position:relative;
	background:#B3B3B3;
}
	#content div.detailsProduitPromo  table{
		width:auto;
		color:#FFFFFF;
		font-size:13px;
	}
	#content div.detailsProduitPromo  table tr td{
		vertical-align:top;
	}
	#content div.detailsProduitPromo  table td.data{
		color:#656565;
	}


	#content div.detailsProduitPromo h2 a.top
	{
		position:relative;
		display:block;	float:right;
		width:30px; height:20px; margin: auto 0  auto auto;
		text-decoration:none;
		background:url(topspider.gif) no-repeat top right;
		/*border:1px solid red;*/
	}
	#content div.detailsProduitPromo h2 a.top:hover
	{
		background:url(topspider.gif) no-repeat bottom right;
		/*border:1px solid green;*/
	}
	#content div.detailsProduitPromo img.promoImg
	{
		position:absolute;
		z-index:10;
		
		margin:0; padding:0;
		width:130px;		height:146px;
		border:0;
		
		background:none;
		background-color:inherit;
	}	
	
	#content  div.detailsProduitPromo img.promoMacaron
	{
		background:none;
		background-color:inherit;
		
		margin:0; padding:0;
		width:130px;		height:146px;
		border:0;

		z-index:100;
		position:absolute;
	}	
	#content  div.detailsProduitPromo a.promoLink
	{
		position:relative;
		float:left;
		display:block;
		
		margin:0 10px 0 0; padding:0;
		width:130px;	height:146px;
		border:5px solid #FFFFFF;
	}	
	#content  div.detailsProduitPromo a.promoLink:hover
	{
		border:5px solid #CF0000;
	}