@charset "utf-8";
/* CSS Document */

*{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ddd;
}

body{
	background:url('../images/background-ardoise_body.jpg') no-repeat center 80px #000;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

.main{
	width:990px;
	height:512px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:1px solid transparent;
}

.main_header{
	height:80px;
	position:relative;
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

.main_header .logo{
	position:absolute;
	top:30px;
	right:25px;
	z-index:1000;	
}

.copyright{
	margin-top:20px;
	width:990px;
	margin-left:auto;
	margin-right:auto;	
	text-align:right;
}

.main_navigation{
	position:absolute;
	top:45px;
	left:0px;
	z-index:1100;	
}

.main_navigation a{
	font-family:arial;
	float:left;
	width:auto;
	font-size:8px;
	color:#ddd;
	margin-right:2px;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	text-transform:uppercase;
}
.main_navigation a.active{
	color:#777;
}

.category-image{
	position:absolute;top:1px;left:1px;
}
.tbl-collection{
	margin-top:60px;	
}
.collection-menu{
margin:10px;
}
.collection-panel{
	background:url('../images/collection-panel.png') no-repeat bottom center;	
}
.new{
	background:url('../images/collection-panel-new.png') no-repeat bottom center;	
}
.content-panel-sales{
	background:url('../images/content-panel-sales.png') no-repeat top center;
	width:680px;
	position:absolute;
	z-index:500;
	top:100px;
	left:280px;
	min-height:300px;
}
.content-panel{
	background:url('../images/content-panel.png') no-repeat top center;
	width:420px;
	position:absolute;
	z-index:500;
	top:100px;
	left:280px;
	min-height:300px;
}
.panel-lang{
	position:absolute;
	z-index:600;
	top:85px;
	left:595px;
}
.content-right{
	background:url('../images/content-right.png') no-repeat top center;
	width:270px;
	position:absolute;
	z-index:500;
	top:100px;
	right:5px;
	min-height:300px;
}
.content-panel-sales .padding,
.content-panel .padding,
.content-right .padding{ padding:15px;}

.h1_collection{
	position:absolute;
	top:5px;
	left:50px;	
	z-index:110;
	margin-left:240px;
}
h2{
	font-size:18px;
	font-weight:normal;
	color:#DDD;
	padding:0px;
	marhin:0px;
}
h3{
	font-size:14px;
	font-weight:normal;
	color:#fff;
	padding:0px;
	marhin:0px;
}
h1{
	font-size:25px;
	font-weight:normal;
	color:#FFF;
	padding:0px;
	marhin:0px;
}
.h1_collection h1{
	font-size:38px;
	font-weight:normal;
	color:#ddd;
	padding:0px;
	marhin:0px;
}

a.button_thumbs{
	text-decoration:none;
	cursor:pointer;
}
a.button_thumbs{
	float:left;
	margin:3px;
	width:50px;height:50px;
	text-align:center;
	_background:url(/resources/images/thumbs_50x50.jpg) no-repeat top left transparent;
	background-position:0px 0px;
	background:#111;
	border:1px solid transparent;
}
a.button_thumbs:hover{
	background-position:0px -50px;
	background:#222;
	border:1px solid #555;
}

a.button_previous{
	text-decoration:none;
}
a.button_previous img{
	width:21px;
	height:21px;
	background:url('/resources/images/button_previous.png') no-repeat;
	background-position:0px 0px;
	border:0px;
}
a.button_previous:hover img{
	background-position:0px -21px;
}

a.button_next{
	text-decoration:none;
}
a.button_next img{
	width:21px;
	height:21px;
	background:url('/resources/images/button_next.png') no-repeat;
	background-position:0px 0px;
	border:0px;
}
a.button_next:hover img{
	background-position:0px -21px;
}

#watch_id{
	color:#DDD;
	text-align:center;
}
.watch_info_panel{
	padding:20px;
	position:absolute;
	left:2px;
	top:120px;
	padding-left:50px;
}

/* MENU */

.menu{
	width:210px;
	overflow:hidden;
}
a.menu_parent{
	width:100%;
	padding:4px;
	text-transform:uppercase;
	margin-top:1px;
	font-size:10px;
	cursor:pointer;
	float:left;
	border-top:1px solid #555;
	text-indent:15px;
	color:#AAA;
	text-decoration:none;
	background:url('/resources/images/menu_arrow.gif') no-repeat;
	background-position:0px 3px;
	font-weight:bold;
}
a.menu_parent:hover{
	color:#DDD;
}
.menu .active{
	background:url('/resources/images/menu_arrow_active.gif') no-repeat;
	background-position:0px 3px;
}

.menu_child{
	width:210px;
	display:block;
	float:left;
	overflow:hidden;
}
.menu_child a{
	width:100%;
	padding:3px;
	color:#DDD;
	text-transform:uppercase;
	margin-top:1px;
	font-size:10px;
	cursor:pointer;
	float:left;
	display:block;
	text-indent:40px;
	text-decoration:none;
}
.menu_child a:hover{
	color:#FFF;
	background:url('/resources/images/menu_arrow.gif') no-repeat;
	background-position:25px 2px;
}
.menu_child a.active{
	background:url('/resources/images/menu_arrow_active.gif') no-repeat;
	background-position:25px 2px;
	font-weight:bold;
	color:#FFF;
}


/* SLIDER */

div#slider {
	width:980px;
	height:80px;
	position:relative;
	overflow:hidden;
	background:url('../images/separator-slider.png') center bottom no-repeat;
}
div#pellicule{
	position:absolute;
	top:-10px;
	left:0px;
	white-space:nowrap;
	width:auto;
	visibility:hidden;
}
div#pellicule td{
	background:transparent;
}
div#pellicule a{
	padding:0px;
	width:80px;
	height:80px;
}
div#pellicule a div{
	border:0px solid #ddd;
	opacity:0.3;
	filter:alpha(opacity=30);
	width:80px;
	height:80px;
}
div#pellicule a div table{
	margin-top:20px;
}
div#pellicule a:hover div{
	opacity:1;
	filter:alpha(opacity=100);
}
div#pellicule a:hover div table{
	margin-top:1px;
}
div#pellicule td.active div{
	opacity:1;
	filter:alpha(opacity=100);
}
div#pellicule td.active div table{
	margin-top:1px;
}


div#main-navigation{
	position:absolute;
	top:-5px;
	left:-10px;
	width:500px;
}

div#main-navigation a{
	height:20px;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:1px;
	font-size:11px;
	background-position:0px 0px;
	color:#fff;
	text-decoration:none;
}
div#main-navigation a:hover{
	/*color:#fff;*/
}

div#main-navigation a.active{
	color:#fff;
	background:none;
	background-position:0px 0px;
	font-weight:bold;
}

a.langue{
	text-decoration:none;
	padding-left:5px;
}
a.langue img{
	margin-left:5px;
	border:1px solid #fef6ea;
}

h2.watch_reference{
	color:#DDD;	
	background:url(/resources/images/separator_reference.gif) no-repeat none;
	background-position:0px 23px;
	height:25px;
	font-size:13px;
}
h2.watch_reference b{
	font-weight:bold;
	color:#FFF;	
}
.watch_specification{
	background:none;
}
.watch_specification li{
	color:#AAA;
	_background:#FFF;
}

p{
	text-align:justify;
	font-size:11px;
	color:#ddd;
}