html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	text-align: center;
	background: #bbbdc5 url(/images/2009/bg.gif) center top repeat-y;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #1c5383;
}
#page{
	margin: 0 auto;
	padding: 0px;
	width: 777px;
	text-align: left;
	position: relative;
	background: #CC0000;
	background: url(/images/2009/fr/header.jpg) center top no-repeat;
	height: 100%;
	color: #1c5383;
}
#page.en{background-image: url(/images/2009/en/header.jpg);}
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}
a{color: #0f3e67; cursor: pointer;}

#page div.relative{position: relative;}
#page div.relative #footer{
	left: -6px;
	padding-top: 90px; 
	width: 585px;
	height: auto; 
}

#Layer2, #Layer4, #Layer5, 
#Layer6, #Layer9, #Layer10{
	display: none;
	background: #CC0000;
	border: 1px solid #000000;
}
#Layer1, #Layer8, #boite, #Layer7{
	left:0px; 
	top:0px;
	position:absolute;
}
#Layer1{
	top: 1px;
	left: 5px;
	width:295px; 
	height:95px; 
	z-index:1;
}
#Layer3{
	background: none;
	color: #1c5383;
}
#Layer3 h1{color: #1c5383;}
#Layer7{
	left: 617px;
	top: 26px;
	width: 118px;
	height: 13px;
	z-index: 7px;
}
#Layer8{
	left: 447px;
	top: 47px;
	width: 274px;
	height: 73px;
	z-index:8;
}
#boite{
	left: 444px;
	top: 154px; 
	width: 310px; 
	height: 36px; 
	z-index: 12;
}

#menu #listMenu,
#menu #listMenu li,
#menu #listMenu li a{
	cursor: pointer;
	background: none;
}
#menu #listMenu li{background: none;}

#menu{
	top: 189px;
	left: 1px;
	width: 160px;
	height: 409px;
	background: url(/images/2009/fr/menu.gif) 0px 0px no-repeat;
}
#menu #listMenu li a{
	cursor: pointer;
	width: 160px;
}
#menu #listMenu li a span{
	padding-left: 25px;
}

/* >>>>  SECTION FOOTER (BAS DE PAGE)  ----------- */
#footer{
	left: 167px; 
	width: 584px;
	height: auto;
	color: #1c5383;
}
#info{
	color: #1c5383;
	text-align: justify;
	background: none;
	margin-top: 25px;
	width: 443px;
}
#info img{float: right;}
#info p,
#page #info p{
	margin: 0px;
	padding: 6px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #728db6;
}
#fb{
}
#fb a, a:visited{color: #0f3e67;}

#Layer11 {
	float: right; 
	left: 130px;
	width: 130px;
	height: 130px;
	clear: right;
	padding-left: 10px;
}

/* >>>>  FIN SECTION FOOTER (BAS DE PAGE)  ----------- */
#page div.col{
	width: 277px;
	padding-right: 20px;
	float: left;
	margin: 0px;
	padding: 0px 0px 16px 0px;
}
#page p{
	font-size: 12px;
	line-height: 16px;
}
#page h3{
	margin: 0px 0px 16px 0px;
	padding: 20px 130px 3px 0px;
	color: #000000;
	border-bottom: 2px solid #4f71a4;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
	#page div.col h3{
		padding-right: 0px;
		float: none;
	}
	#page h3#videos_legend em{
		font-style: normal;
		font-weight: normal;
	}
#page #photos h3{text-transform: uppercase;}
#page #photos p{color: #000000;	}
#page #photos a.img{
	border: 2px solid #0a176b;
	float: left;
	margin: 0px 10px 10px 0px;
}
#page #photos a:hover.img{
	filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
#page #photos a.img img{
	background-position: center center;
	background-repeat: no-repeat;
}
#page #photos .TabTitre{
	font-size: inherit;
	font-weight: normal;
	background: none;
	text-align: inherit;
}
#page #photos img{
	float: none;
	padding: 0px;
}
#page #photos #cle{
	clear: none;
	padding-right: 0px;
}

#page h4{
	margin: 0px;
	padding: 20px 0px 8px 0px;
	color: #1c5383;
	font: bold 16px/21px Verdana, Arial, Helvetica, sans-serif;
}	#page h4 strong{color: #07162c; font-size: 110%;}

#page div.newsList div,
#page div.newsList div a{
	display: block;
	width: 294px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #4c6fa2;
	text-decoration: none;
}
#page div.newsList div a:hover{color: #0f3e67;}
#page div.newsList div a{
	padding-bottom: 15px;
	cursor: pointer;
	float: left;
	width: 294px;
}

#page div.newsList div a span{
	display: block;
	width: 294px;
	float: left;
}
#page div.newsList div a span strong{
	color: #0f3e67;
	display: block;
}
#page div.newsList div a:hover span strong{
	color: #07162c;
	text-decoration: underline;
}
#page div.newsList div a span strong em{
	font-style: normal;
	font-weight: normal;
}
#page div.newsList div.photo a span{
	width: 188px;
	word-wrap: break-word;
}
#page div.newsList div.photo a span.img{
	width: 87px;
	border-left: 4px solid #4f71a4;
	padding: 0px 13px 0px 2px;
}
#page div.newsList div.photo a:hover span.img{border-color: #0f3e67;}
#page div.newsList div.photo a span.img img{
	width: 83px;
	height: 55px;
	border: none;
	border: 2px solid #0a176a;
	background-position: center center;
	background-repeat: no-repeat;
}
#page div.newsList div.photo a:hover span.img img{border-color: #4f71a4;}

#page #products{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 585px;
	height: 305px;
	background: url(/images/2009/products-show.jpg) 0px 0px no-repeat;
}
#page #products #picture{
	float: left;
	margin: 4px 0px 5px 4px;
	padding: 3px;
	background: #FFFFFF url(/images/2009/bg-prod-player.gif) left bottom repeat-x;
	width: 339px;
	border: 1px solid #878787;
}
#page #products #picture a img{border: none;}
#page #products #picture img{
	background-position: center center;
	background-repeat: no-repeat;
}
#page #products #text{
	float: left;
	width: 229px;
	height: 224px;
	overflow: hidden;
	padding-left: 0px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
	#page #products #text h4{
		margin: 14px 9px 5px 0px;
		padding: 5px 10px;
		color: #333333;
		font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
		background: #FFFFFF;
		border: 1px solid #878787;
		border-left: none;
		border-bottom: 2px solid #878787;
	}
	#page #products #text h4.h4-1{border-bottom-color: #ddc000; color: #736400;}
	#page #products #text h4.h4-2{border-bottom-color: #b10000; color: #710000;}
	#page #products #text h4.h4-3{border-bottom-color: #0053b1; color: #001a50;}
	#page #products #text h4.h4-4{border-bottom-color: #4aa03c; color: #196c0b;}
	#page #products #text h4.h4-5{border-bottom-color: #39a0a4; color: #066265;}
	#page #products #text p{
		margin: 0px;
		padding: 0px 0px 3px 10px;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	#page #products #text ul,
	#page #products #text ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	}
	#page #products #text ul{padding: 8px 0px 0px 10px;}
	#page #products #text ul li{
		padding: 3px 0px 3px 15px;
		background: url(/images/2009/bullet-blue-circle.gif) 4px 7px no-repeat;
	}
#page #products #moreinfo{
	position: relative;
	clear: left;
}
	#page #products #moreinfo div{
		top: -26px;
		left: 351px;
		width: 228px;
		position: absolute;
		text-align: right;
		font-size: 10px;
	}
	#page #products #moreinfo div a{
		display: block;
		padding: 4px 8px;
		float: right;
		background: #4f71a4;
		color: #FFFFFF;
		text-decoration: none;
	}
	#page #products #moreinfo div a:hover{
		background: #2c417c;
	}
#page #products #player{
	position: relative;
	margin: 0px 0px 0px 4px;
	padding-bottom: 6px;
	width: 577px;
	height: 66px;
	background: url(/images/2009/bg-arrow-player.gif) 55px bottom no-repeat;
}
#page #products #player ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 64px;
	background: #FFFFFF url(/images/2009/bg-prod-player.gif) left bottom repeat-x;
	border: 1px solid #878787;
}
#page #products #player ul li{
	float: left;
	width: 115px;
}
#page #products #player ul li span{display: none;}
#page #products #player ul li img{
	background-position: center center;
	background-repeat: no-repeat;
	margin: 3px;
	border: none;
}
#page #products #player ul li center.selected img{
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

#page #videos a{
	float: left;
	display: inline;
	width: 278px;
	margin-top: 15px;
	margin-right: 19px;
	background: #d5dae3 url(/images/2009/bg_plus.gif) right bottom no-repeat;
	text-decoration: none;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	cursor: pointer;
}
#page #videos a:hover{
	background-color: #081d43;
	color: #b5bcc7;
}
#page #videos a strong,
#page #videos a em{
	display: block;
	color: #4c6fa2;
}
#page #videos a:hover strong,
#page #videos a:hover em{
	color: #FFFFFF;
}
#page #videos a strong{font-size: 12px; line-height: 18px;}
#page #videos a em{font-style: normal;}
#page #videos a img{
	margin: 4px;
	border: none;
	float: left;
	width: 120px;
}
#page #videos a span{
	float: left;
	display: inline;
	width: 142px;
	padding: 4px;
}

#spec .TabSTitre {
	font-size: 13px;
	font-weight: bold;
	background-color: #b2b5c8;
}

#news2 p img{
	float: left;
	border: 2px solid #0a176a;
	margin: 0px 10px 10px 0px;
}

#page div.relative #footer #info{height: auto;}
#page div.relative #footer #fb{clear: none;}

#news3 div.picture img{
	border: 2px solid #0a176a;
}

#Layer12 td{
	font-size: 12px;
	line-height: 16px;
	color: #1c5383;
	vertical-align: top;
}

#spec{margin-top: 15px;}
#spec, #spec td{border: 1px solid #dddfec; border-collapse: collapse; vertical-align: middle;}

ul#vershaut {
margin:0 0 0 -11px;
width:600px;
list-style-type:none;
padding-top:8px;
}
ul#vershaut li a {display:block;padding:5px 13px;border:1px solid #99a2bf;border-bottom:2px solid #1d5284;background-color:#1d5284;text-decoration:none;color:#fff;}
ul#vershaut li a:hover {background-color:#99a2bf;border:1px solid #1d5284;border-bottom:2px solid #1d5284;color:#0c375f;}
td span {font-weight:bold;font-size:16px;}
.minidozer {padding:30px 0}
a.vershaut {margin:10px 0 20px;display:block;}

#layer1 a img {margin-left:-2px;} 

.compareTracko{
	clear: right; 
	height: 450px;
	width: 562px;
	margin: -10px 0px 0px 0px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 0px 10px 0px 10px;
	}
	.compareTracko .leftCol{
		width: 300px;
		}
	.compareTracko p{
		width: 300px;
		float: left;
		text-align: justify;
		}
		.compareTracko p.t2{
		font-size: 11px;
		color: #4a6ea1;
		margin-top: 5px;
		}
		
.boxFlash{
	background: #9ca5c0;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px;
	position: absolute;
	top: 354px;
	right: -6px;
	width: 238px;
	height: 80px;
	text-align: center;
	}
	.boxFlash span{	
	font-weight: bold;
	display: block;
	}
	a:visited.lnk1{
			text-decoration: none;
			color: #ffffff;
			}
	
		a:hover.lnk1{
			text-decoration: none;
			color: #CCCCCC;
			}
			
	a.lnk1{
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		width: 146px;
		display: block;
		padding: 3px 18px 3px 6px;
		background: url(http://www.track-o.com/images/fleches.gif) right #4a6ea1 no-repeat;
		border: #CCCCCC 1px solid;
		text-decoration: none;
		margin: 50px 0px 0px 0px;
		}
			

	.kwCompare{ 
	font-weight: bold;
	border-bottom: 2px solid #4f71a4;
	font-size: 12px;
	padding-bottom: 4px;
	}	
.bgTitle{
	background-color: #1d5284;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	marin: 0px;
	padding: 12px;
	width: 560px;
	}
		
.navAriane{
	margin: 60px 0px 10px 0px;
	color: #9ca5c0;
	}
	.navAriane a{
	text-decoration: underline;
	color: #9ca5c0;
	}
.animFlash{
	border: 3px solid #9ca5c0;
	background-color:#9ca5c0;
	position: absolute;
	top: 142px;
	right: -6px;
	margin: 14px 0px 0px 0px;
	}
ul#kwUl1{
	top: 380px;
	left: 11px;
}
ul#kwUl2{
	left: 296px;
	top: 380px;
	}

	
ul#kwUl1, ul#kwUl2{
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 276px;
	color: #ffffff;
	color: #1c5383;
		}
		ul#kwUl1 li, ul#kwUl2 li{
		text-align: center;
		list-style: none;
		padding: 5px;
		margin: 3px 0px 0px 0px;
		background: #9ca5c0;
		}
		.kwUlTitle{
			font-weight: bold;
			font-size: 13px;
			text-align: center;
			}
		ul#kwUl1 a, ul#kwUl2 a{
		color: #ffffff;
		text-decoration: undeline;
		}
#fb a.lnk3 {
	color: #B4C2CF;
	text-decoration: none;
	margin: 3px 0px 20px 44px;
	display: block;
	}