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

/*GLOBAL*/
body{
	font-family:Arial;
	font-size:12px;
	color:white;
	margin:0;
	background-color:black;
}
a img{
	border:0px none black;
}
#global{
	width:1026px;
	height:700px;
	margin:0 auto 0 auto;
	background-image:url(../pictures/backgrounds/creations.jpg);
}
.index{

}
/* TOP */
#top{
	width:1026px;
	height:210px;
}

#logo{
	width:174px;
	height:85px;
	margin:24px auto 0 auto;
}
#logo img{
	border:0px solid black;
}
#menu{
	height:12px;
	margin:-29px auto 0 auto;
}
#menu ul{
	margin:0 0 0 0;
	padding:0;
}
#menu ul li{
	float:left;
	list-style:none;
}
#menu ul li a span{
	position: absolute;
	top: -5000px;
	left: -5000px;
}
ul li a#creations{
	background-image:url(../pictures/menu/creations_on.png);
	width:86px;
	height:12px;
	margin-left:116px;
	display: block;
}
ul li a#creations:hover, ul li a#creations:active{
	background-image:url(../pictures/menu/creations_on.png);
}
ul li a#emotions{
	background-image:url(../pictures/menu/emotions.png);
	width:86px;
	background-repeat:no-repeat;
	height:12px;
	margin-left:50px;
	display: block;
}
ul li a#emotions:hover, ul li a#emotions:active{
	background-image:url(../pictures/menu/emotions_on.png);
	background-repeat:no-repeat;
}
ul li ul li a#watchmaker{
	background-image:url(../pictures/menu/watchmaker.png);
	width:86px;
	height:12px;
	margin-left:48px;
	display: block;
}
ul li ul li a#watchmaker:hover, ul li a#watchmaker:active{
	background-image:url(../pictures/menu/watchmaker_on.png);
}
ul li ul li a#manufacture{
	background-image:url(../pictures/menu/manufacture.png);
	width:86px;
	height:12px;
	margin-left:48px;
	display: block;
}
ul li ul li a#manufacture:hover, ul li a#manufacture:active{
	background-image:url(../pictures/menu/manufacture_on.png);
}
ul li ul li a#selected_images{
	background-image:url(../pictures/menu/selected_images.png);
	width:107px;
	height:12px;
	margin-left:48px;
	display: block;
	position:absolute;
}
ul li ul li a#selected_images:hover, ul li a#selected_images:active{
	background-image:url(../pictures/menu/selected_images_on.png);
}
ul li a#retailers{
	background-image:url(../pictures/menu/retailers.png);
	width:83px;
	height:12px;
	margin-left:353px;
	display: block;
}
ul li a#retailers:hover, ul li a#retailers:active{
	background-image:url(../pictures/menu/retailers_on.png);
}
ul li a#contact{
	background-image:url(../pictures/menu/contact.png);
	width:71px;
	height:12px;
	margin-left:50px;
	display: block;
}
ul li a#contact:hover, ul li a#contact:active{
	background-image:url(../pictures/menu/contact_on.png);
}

#menu ul li ul li{
	float:none;
	list-style:none;
}
	

/* MIDDLE */
#middle{
	width:1026px;
	height:460px;
}
#content_middle{
	width:50px;
	height:460px;
	float:left;
}

/* LEFT */
#content_left{
	width:488px;
	height:460px;
	float:left;
}
a.back_btn{
	background-image:url(../pictures/fleches/fleche_back_off.png);
	height:32px;
	width:32px;
	display:block;
	float:left;
	margin:415px 0 0 50px;
}
a.back_btn:hover{
	background-image:url(../pictures/fleches/fleche_back_on.png);
}

#mini_legend{
	margin:400px auto 0 auto;
	width:400px;
	float:left;
	
}
#mini ul{
	margin:0 auto 0 auto;
	padding:0;
	width:400px;
	/*border:1px solid white;*/
	float:left;
}
#mini ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#legend{
	text-align:center;
	font-size:11px;
	font-style:italic;
}

/* RIGHT */
#content_right{
	width:488px;
	height:460px;
	float:left;
	line-height:15px;
}
#wn{
	width:410px;
	height:380px;
	margin:0 0 0 25px;
	overflow:hidden;	
	position:absolute;
}
#lyr1{
    visibility:visible;/* show first div */
	
}
.content { /* hide content to be swapped in */
	position:absolute;
	visibility:hidden;
	/*left:0px; top:0px; */
	}

div#scrollbar {
    position:absolute;
    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
	width:40px;
	height:380px;
    font-size:1px; /* for ie cooperation */
	margin:0 0 0 448px;
    }
div#scrollbar .up {
    background-image:url(../pictures/scroll/scroll_up.png);
    background-repeat: no-repeat;
    width:16px; height:16px; /* specify width and height of your image */
    position:absolute; top:0;
    }
div#scrollbar .down {
    background-image:url(../pictures/scroll/scroll_down.png);
    background-repeat: no-repeat;
    width:16px; height:16px; /* specify width and height of your image */
    position:absolute; bottom:0;
    }
/*div#scrollbar .track {
    position:absolute; /* track must be positioned */
    /*left:0;
    top:12px; /* equal to height of .up image plus optional 1px for gap */
    /*width:11px; 
    height:146px; /* height of scrollbar minus 2 X image height minus optional 2px for gap */
    /*}/*
/*div#scrollbar .dragBar {
    position:absolute; /* dragBar must be positioned */
	/*background-image:url(../pictures/scroll/scroll.png);
    width:4px; 
    /* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    /*top:1px; left:1px; /* optional, small gap between track and dragBar */
    /*}/*

/* for clutzy draggers */
div#scrollbar {
    -moz-user-select: none;
    -khtml-user-select: none;
    }

#content_right_menu{
	width:488px;
	height:55px;
	position:absolute;
	margin:405px 0 0 0;
}
a#load_wn_lyr1{
	margin:5px 0 0 25px;
	background-image:url(../pictures/description_off.png);
	width:109px;
	height:12px;
	display:block;
	float:left;
}
a#load_wn_lyr1:hover{
	background-image:url(../pictures/description_on.png);
}
a#load_wn_lyr2{
	margin:5px 0 0 18px;
	background-image:url(../pictures/technical_date_off.png);
	width:137px;
	height:12px;
	display:block;
	float:left;
}
a#load_wn_lyr2:hover{
	background-image:url(../pictures/technical_date_on.png);
}
a.download_btn{
	margin:8px 0 0 20px;
	background-image:url(../pictures/download_off.png);
	width:131px;
	height:8px;
	display:block;
	float:left;
}
a.download_btn:hover{
	background-image:url(../pictures/download_on.png);
}
/* FOOTER */
#footer{
	width:1026px;
	height:20px;
	text-align:center;
	color:#868788;
	font-size:10px;
	padding:10px 0 0 0;
}
#footer a{
	text-decoration:none;
	color:#868788;
}
#footer a:hover{
	color:#a0a0a0;
}

#image_shadow:hover{
	-moz-box-shadow: 0 0 3px 3px #888;
-webkit-box-shadow: 0 0 3px 3px#888;
box-shadow: 0 0 3px 3px #888;
}
#submenu{
display:none;
}
ul li a#winch1{
background-image: url(../pictures/watches/mini/winch1.png);
width:36px;
height:36px;
display:block;
}
ul li a#winch1:hover{
background-image: url(../pictures/watches/mini/winch1_on.png);	
}
ul li a#winch2{
background-image: url(../pictures/watches/mini/winch2.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch2:hover{
background-image: url(../pictures/watches/mini/winch2_on.png);	
}
ul li a#winch3{
background-image: url(../pictures/watches/mini/winch3.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch3:hover{
background-image: url(../pictures/watches/mini/winch3_on.png);	
}
ul li a#winch4{
background-image: url(../pictures/watches/mini/winch4.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch4:hover{
background-image: url(../pictures/watches/mini/winch4_on.png);	
}
ul li a#winch5{
background-image: url(../pictures/watches/mini/winch5.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch5:hover{
background-image: url(../pictures/watches/mini/winch5_on.png);	
}
ul li a#winch6{
background-image: url(../pictures/watches/mini/winch6.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch6:hover{
background-image: url(../pictures/watches/mini/winch6_on.png);	
}
ul li a#winch7{
background-image: url(../pictures/watches/mini/winch7.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch7:hover{
background-image: url(../pictures/watches/mini/winch7_on.png);	
}
ul li a#winch8{
background-image: url(../pictures/watches/mini/winch8.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch8:hover{
background-image: url(../pictures/watches/mini/winch8_on.png);	
}
ul li a#winch9{
background-image: url(../pictures/watches/mini/winch9.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch9:hover{
background-image: url(../pictures/watches/mini/winch9_on.png);	
}
ul li a#winch10{
background-image: url(../pictures/watches/mini/winch10.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch10:hover{
background-image: url(../pictures/watches/mini/winch10_on.png);	
}
ul li a#winch11{
background-image: url(../pictures/watches/mini/winch11.png);	
width:36px;
height:36px;
display:block;
}
ul li a#winch11:hover{
background-image: url(../pictures/watches/mini/winch11_on.png);	
}
ul li a#ferrari1{
background-image: url(../pictures/watches/mini/ferrari1.png);	
width:36px;
height:36px;
display:block;
}
ul li a#ferrari1:hover{
background-image: url(../pictures/watches/mini/ferrari1_on.png);	
}
ul li a#ferrari2{
background-image: url(../pictures/watches/mini/ferrari2.png);	
width:36px;
height:36px;
display:block;
}
ul li a#ferrari2:hover{
background-image: url(../pictures/watches/mini/ferrari2_on.png);	
}
ul li a#trapezium1{
background-image: url(../pictures/watches/mini/trapezium1.png);	
width:36px;
height:36px;
display:block;
}
ul li a#trapezium1:hover{
background-image: url(../pictures/watches/mini/trapezium1_on.png);	
}
ul li a#trapezium2{
background-image: url(../pictures/watches/mini/trapezium2.png);	
width:36px;
height:36px;
display:block;
}
ul li a#trapezium2:hover{
background-image: url(../pictures/watches/mini/trapezium2_on.png);	
}
ul li a#trapezium3{
background-image: url(../pictures/watches/mini/trapezium3.png);	
width:36px;
height:36px;
display:block;
}
ul li a#trapezium3:hover{
background-image: url(../pictures/watches/mini/trapezium3_on.png);	
}
ul li a#trapezium4{
background-image: url(../pictures/watches/mini/trapezium4.png);	
width:36px;
height:36px;
display:block;
}
ul li a#trapezium4:hover{
background-image: url(../pictures/watches/mini/trapezium4_on.png);	
}
#lyr1 ul{
	list-style-image: url(../pictures/navigation/puce.png);
}
#load_links{
margin-top:13px;
}
.technical_puces{
	margin-left:20px;
	padding-left:0;
}