/* @override http://monkey.local/watimberdecking.com.au/squelettes/habillage.css */

/* CSS */

/* RESET */
html .spip-admin-float { z-index: 9999; top: 40px; position: fixed; }

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; line-height:1.5em; }
i{ font-style: italic; }
strong{ font-weight: bold; }
h1{ font-size: 20px; font-weight:normal; }
h2 { padding-bottom: 3px; font-size:20px; font-weight: normal; }
h3{ font-size:12px; font-weight: bold; margin: 20px 0 20px 0; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; margin-bottom:6px; line-height: 1.5em; }
a, a:visited { color:#00a6dd; text-decoration:none; }
a:hover, a:focus { color:#00a6dd; text-decoration:underline; }
a.spip_in, a.spip_in:visited { color:#00a6dd; text-decoration:none; }
a.spip_in:hover, a.spip_in:focus { text-decoration:underline;}
a.spip_out { color:#00a6dd; text-decoration:none; }
a.spip_out:visited { text-decoration:none; }
a.spip_out:hover, a.spip_out:focus { text-decoration:underline; }
a img { border: none; }
th { color: #00a6dd; text-align: left; border-bottom: solid 1px #414042; border-right: solid 1px #414042; padding: 15px; vertical-align: top; }
td { border-bottom: solid 1px #414042; border-right: solid 1px #414042; padding: 15px; vertical-align: top; }
td strong { color: #00a6dd; }
td img { border: solid 1px #414042; }
#page111 td img { border: none; }
.cell1 { padding-left: 0; }
.lastcell { border-right: none; }
.lastrow td { border-bottom: none; }

html { background-color:#000; }

body { background:#000 url(images/bg-html) repeat-x left top; font-family: Lucida Grande, Verdana, Arial, sans-serif; color: #fff; font-size:12px; min-width: 954px; }
.section3 { background-image: url(images/bg-products.png); }

#home { background:#000 url(images/bg-home.png) repeat-x left top; }
.product12 { background:url(images/bg-home-eye.jpg) no-repeat center 161px; }
.product13 { background:url(images/bg-home-quad.jpg) no-repeat center 161px; }
.product15 { background:url(images/bg-home-bird.jpg) no-repeat center 161px; }
.product14 { background:url(images/bg-home-wraith.jpg) no-repeat center 161px; }
.product20 { background:url(images/bg-home-shark.jpg) no-repeat center 161px; }
#home #con { padding-top: 473px; height: 218px; }

#page { width: 954px; margin: 0 auto; }

#hd { overflow: visible; height: 176px; }
	#logo { width: 316px; float: left; }

/****** Menu ******/

body.hasJS #nav {  }
#nav { float: left; padding-top: 79px; }

#nav li a.top { font-size: 12px; font-weight: bold; text-decoration: underline; }
#nav ul {  }
#nav li { float: left; position: relative; list-style:none; margin-left: 0px; height: 46px; }
#nav li a.top, #nav a.top:link, #nav a.top:visited { display: block; height: 46px; background:url(images/nav-sprite.png) no-repeat left top; text-indent: -999px; overflow: hidden; font-size: 1px; line-height: 1px; }
#nav li a.top:hover { text-decoration: none; }
#nav li ul { margin: 0; padding: 0; background: #151719 url(images/subnav-bg.gif) repeat-x left top; }
#nav li ul li { float: none; padding-right: 0; }

body.hasJS #nav li a.top, body.hasJS #nav li.open a.top { text-decoration: none; display: block; }
body.hasJS #nav li { float: left; position: relative; padding-right: 0; }
body.hasJS #nav li.open { float: left; position: relative; }
body.hasJS #nav li.open a {  }
body.hasJS #nav li ul li:hover { float: none; }
body.hasJS #nav li ul { position:absolute; top:46px; padding: 15px 15px 7px; width: 175px; left: 0; display: none; margin: 0; }
body.hasJS #nav li.open ul { display: block; z-index: 5000000; }
body.hasJS #nav li ul li { float: none; height: auto; font-size: 14px; padding-bottom: 8px; }
body.hasJS #nav li.open ul li a, body.hasJS #nav li.open ul li a:link, body.hasJS #nav li.open ul li a:visited { color: #fff; text-decoration: none; }
body.hasJS #nav li.open ul li a:hover, body.hasJS #nav li.open ul li a:focus, body.hasJS #nav li.open ul li.on a { color: #00a6dd; text-decoration: none; }

#nav #nav2 { width: 94px; }
#nav #nav2 a.top { width: 94px; }
#nav #nav2 a.top:hover, #nav #nav2.on a.top { background-position: left bottom; }

#nav #nav3 { width: 114px; }
#nav #nav3 a.top { width: 114px; background-position: -94px top; }
#nav #nav3 a.top:hover, #nav #nav3.on a.top { background-position: -94px bottom; }

#nav #nav4 { width: 106px; }
#nav #nav4 a.top { width: 106px; background-position: -208px top; }
#nav #nav4 a.top:hover, #nav #nav4.on a.top { background-position: -208px bottom; }

#nav #nav5 { width: 144px; }
#nav #nav5 a.top { width: 144px; background-position: -314px top; }
#nav #nav5 a.top:hover, #nav #nav5.on a.top { background-position: -314px bottom; }

#nav #nav6 { width: 63px; }
#nav #nav6 a.top { width: 63px; background-position: -458px top; }
#nav #nav6 a.top:hover, #nav #nav6.on a.top { background-position: -458px bottom; }

#nav #nav7 { width: 101px; }
#nav #nav7 a.top { width: 101px; background-position: -521px top; }
#nav #nav7 a.top:hover, #nav #nav7.on a.top { background-position: -521px bottom; }

/****** End Menu ******/

#con { overflow:auto; }
#page-title { font-size: 36px; color: #00a6dd; font-family: Arial, sans-serif; line-height: 36px; padding-left: 34px; padding-top: 44px; text-transform: uppercase; padding-bottom: 20px; }
.section3 .page-title h1 { color: #00a6dd; font-size: 16px; padding-bottom: 20px; }

#con-left { float:left; overflow: auto; width: 282px; padding-left: 34px; position: relative; }
.section5 #con-left { width: 183px; padding-top: 20px; }

.section5 #con-right { width: 710px; padding-top: 20px; }
#con-right { width: 580px; min-height: 300px; float: left; overflow: auto; position:relative; }
	.hasJS .expand-art .article-title h2 { cursor: pointer; padding-left: 20px; background:url(images/expander.gif) no-repeat left 5px; }
	.hasJS .expand-art.opener-article .article-title h2 { background-position: left -42px; }
	.hasJS .expand-art .article-text { display: none; }
	.article-title h2 { font-size: 16px; color: #00a6dd; font-weight: bold; padding-bottom: 10px; }
	.section3 .article-title h2 { font-size: 13px; }
	.article-text { padding-bottom: 20px; }
	#con-right p { line-height: 1.75em; }
	#sites { padding-top: 15px; }
	.site { overflow: auto; clear: both; padding-bottom: 10px; }
	.site-left { float: left; width: 200px; }
	.site-link { float: left; width: 280px; }

/**** Products ****/

#product-hd { overflow: auto; padding-top: 70px; height: 255px; }
	#product-hd-left { width: 475px; padding-left: 34px; float: left; }
	#product-hd-right { float: left; width: 365px; }
		#product-description p { font-size: 18px; color: #6a747c; margin-top: 0; }
	#top-nav {  }
		#top-nav ul { overflow: auto; }
			#top-nav-Video { display: none; }
			#top-nav li { float: left; position: relative; list-style:none; margin: 0 7px 0 0; height: 33px; width: 91px; }
			#top-nav li a, #top-nav a:link, #top-nav a:visited { display: block; height: 27px; padding-top: 6px; background:url(images/product-top-nav-bg.png) repeat-x left top; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; }
			#top-nav li a:hover, #top-nav li.on a { text-decoration: none; color: #00a6dd; }
	
#product-nav {  }
	#product-nav ul { overflow: auto; }
	#product-nav li { position: relative; list-style:none; margin: 0 0 7px 0; height: 33px; width: 243px; }
	#product-nav li a, #product-nav a:link, #product-nav a:visited { display: block; height: 26px; padding-left: 18px; padding-top: 7px; background:url(images/product-nav-bg.png) repeat-x left top; font-size: 15px; color: #fff; text-transform: uppercase; }
	#product-nav li a:hover, #product-nav li.on a { text-decoration: none; color: #00a6dd; }
		
#image-large { text-align: center; }
.hasJS #image-large { height: 450px; padding-top: 25px; }
#image-gallery { overflow: auto; padding-top: 10px; }
	.image-thumb { width: 188px; height: 115px; margin: 2px; float: left; }
		.image-thumb a { width: 176px; height: 103px; display: block; padding: 6px; background:url(images/thumb-bg.png) no-repeat left -200px; }
		.image-thumb a:hover, .image-thumb.on a { background-position: left top; }

#fancybox-outer { background: #000; }
	#fancy-logo { position: absolute; top: 0; left: 0; }
	#hor-scroll { overflow:hidden; clear:both; position:relative; height: 118px; padding-top: 20px; }
		#hor-scroll .scroller_outer { height:130px; overflow: auto; position:relative; z-index:200; width:756px; float: left; }
		.hasJS #hor-scroll .scroller_outer { overflow:hidden; }
			#hor-scroll .scroller_in { position: absolute; overflow: hidden; left: 0; top: 0; height: 130px; width: 200000px; }
				#hor-scroll .scroller_item { width: 188px; height: 115px; float: left; margin-right: 1px; }
					#hor-scroll .scroller_item a { width: 176px; height: 103px; display: block; padding: 6px; background:url(images/thumb-bg.png) no-repeat left -200px; }
					#hor-scroll .scroller_item a:hover, #hor-scroll .scroller_item a.on { background-position: left top; }
			
		.button_left { float: left; width: 41px; padding-right: 5px; padding-top: 40px; }
			.button_left span a { width: 41px; height: 45px; background:url(images/arrow-sprite.png) no-repeat top left; display:block; text-decoration:none; }
			.button_left span a:hover { background-position: bottom left; text-decoration: none; }
			.button_left span.end a { background-position: top left; cursor:default; }
		
		.button_right{ float: left; width: 41px; padding-top: 40px; padding-left: 4px; }
			.button_right span a { width: 41px; height: 45px; background:url(images/arrow-sprite.png) no-repeat top right; display:block; text-decoration:none; }
			.button_right span a:hover { background-position: bottom right; text-decoration: none; }
			.button_right span.end a { background-position: top right; cursor:default; }
#fancybox-title { display: none; }
#fancybox-wrap { padding: 0; }

#product-scroller { height: 218px; background:url(images/bg-product-scroll2.png) repeat-x left top; margin-top: 40px; }
	#product-scroller-inner { width: 954px; margin: 0 auto; }
		#hor-scroll2 { overflow:hidden; clear:both; position:relative; height: 218px; padding-left: 3px; }
			#hor-scroll2 .scroller_outer { height:218px; overflow: auto; position:relative; z-index:200; width:854px; float: left; border-left: solid 1px #000; border-right: solid 1px #000; }
			.hasJS #hor-scroll2 .scroller_outer { overflow:hidden; }
				#hor-scroll2 .scroller_in { position: absolute; overflow: hidden; left: 0; top: 0; height: 218px; width: 200000px; }
					#hor-scroll2 .scroller_item { width: 284px; height: 218px; float: left; border-right: solid 1px #000; text-align: center; }
						#hor-scroll2 .scroller_item:hover, #hor-scroll2 .scroller_item.on { background:url(images/bg-product-scroll.png) repeat-x left top; }
						#hor-scroll2 .product-scroll-top { padding-top: 12px; height: 170px; }
						#hor-scroll2 .product-scroll-bottom {  }
						#hor-scroll2 .button_left, #hor-scroll2 .button_right { padding-top: 65px; }

/**** News ****/

#archive-title { font-size: 16px; text-transform: uppercase; color: #00a6dd; padding-bottom: 12px; }
	#archive .year .header { font-size: 14px; color: #fff; padding-bottom: 12px; }
		.hasJS #archive .year .header { cursor: pointer; }
		#archive .news-link { font-size: 14px; text-transform: uppercase; padding-bottom: 12px; padding-left: 12px; }
			#archive .news-link a { color: #6a747c; }
			#archive .news-link a:hover, #archive .news-link.on a { color: #00a6dd; text-decoration: none; }
.section5 .news { overflow: auto; clear: both; padding-bottom: 10px; }
	.section5 .news-left { float: left; width: 110px; }
		.section5 .news-date { height: 29px; width: 91px; padding-top: 4px; background:url(images/product-top-nav-bg.png) repeat-x left top; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; }
	.section5 .news-right { float: left; width: 595px; }
		.section5 .news-right .article-title h2 { text-transform: uppercase; padding-bottom: 0; }

/**** Contact ****/

.section7 #con-left p, .section110 #con-left p { font-size: 16px; line-height: 2em; }
	.section7 #con-left strong, .section110 #con-left strong { color: #00a6dd; }
		.section7 #con-left a, .section110 #con-left a { height: 29px; margin-top: 10px; width: 163px; display: block; padding-top: 4px; background:url(images/product-top-nav-bg.png) repeat-x left top; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 1.25em; }
		.section7 #con-left a:hover, .section110 #con-left a:hover { color: #00a6dd; text-decoration: none; }
.section7 form { padding-bottom: 5px; }
	.section7 .form-field { overflow: auto; padding-bottom: 15px; clear: both; }
		.section7 .form_label { width: 200px; float: left; }
		.section7 .form_object { width: 380px; float: left; }
			.section7 .field-text .form_label { padding-top: 5px; }
			.section7 .field-text input { border: solid 1px #6a747c; background: #000; padding: 5px; color: #fff; font-size: 13px; width: 296px; }
		.section7 .field-textarea .form_label { width: auto; float: none; padding-bottom: 5px; }
		.section7 .field-textarea .form_object { width: auto; float: none; }
			.section7 textarea { border: solid 1px #6a747c; background: #000; width: 496px; height: 100px; color: #fff; font-family:Lucida Grande,Verdana,Arial,sans-serif; font-size: 13px; padding: 5px; }
		.section7 .field-submit {  }
			.section7 .field-submit input { border: none; height: 29px; margin-top: 10px; width: 95px; display: block; padding-top: 0; background:url(images/product-top-nav-bg.png) repeat-x left top; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 1.15em; cursor: pointer; margin-left: auto; margin-right: 72px; }
			.section7 .field-submit input:hover { color: #00a6dd; text-decoration: none; }
	.error_message { font-size: 11px; color: #ac0000; }
	.reponse_formulaire { padding-top: 50px; }
	
/**** Video ****/

#movie { width: 600px; margin: 0 auto; }

#player_top { background:none; overflow:auto; position:relative; padding-bottom:0; width:600px; overflow:hidden; border-top:solid 1px #081016; margin: 0 auto; }
#playerv a{ display:block; width:26px; height:26px; overflow:hidden; text-indent:-100em; }
#playerv { float:left; width:65px; }
#playerv .button { float:left; width:26px; height:26px; }
#playerv .next { display:none; }
#playerv .prev { display:none; }
#playerv .play { margin-right:5px; background-image: url(images/play.gif); }
#playerv .play:hover { background-image: url(images/play_on.gif); }
#playerv .pause { margin-right:5px; background-image: url(images/pause.gif); display: none; }
#playerv .pause:hover { margin-right:5px; background-image: url(images/pause_on.gif); }
#playerv .stop { margin-left:0px; background-image: url(images/stop.gif); }
#playerv .stop:hover { margin-left:0px; background-image: url(images/stop_on.gif); }
#videobox{ padding:0px; overflow:auto; }

#playliste_video{ clear:both; padding:0px; border:none; }
ul.video { clear:both; margin : 8px 8px; border:none;text-align:left; }
ul.video a { color:#999; }
ul.video a:hover{ color:#fff; }
ul.video li.play_on a { color:#008fe2; }
#player_scroller {  float:left; width:515px; margin-left:20px; }
#vscrollbar{ clear:both; height:11px; margin:5px 0px; border:none; background:url(images/slider.gif) repeat-x; position:relative; border:solid 1px #000; }
#vloading{ margin:0px; padding:0px; height:11px; background:url(images/slider_loading.gif) repeat-x; width:0%; position:absolute; left:0px; top:0px; font-size:0.3em; z-index:10; }
#vposition{ margin:0px; padding:0px; height:11px; background:url(images/slider_go.gif) repeat-x; width:0%; position:absolute; left:0px; top:0px; font-size:0.3em; z-index:20; }
#vscrollbar { clear:none; }

/**** Footer ****/

#ft { text-transform: uppercase; font-size: 11px; overflow: auto; text-align: right; padding-top: 40px; padding-bottom: 20px; width: 954px; margin: 0 auto; }
#ft a { padding-left: 12px; }
#ft-left { color: #6a747c; float: left; width: 340px; }
	#ft-left a, #ft-left a:link, #ft-left a:visited { color: #6a747c; }
	#ft-left a:hover, #ft-left a:focus { color: #00a6dd; text-decoration: none; }
#ft-right { color: #353a3e; float: left; width: 565px; }
	#ft-right a, #ft-right a:link, #ft-right a:visited { color: #353a3e; }
	#ft-right a:hover, #ft-right a:focus { color: #00a6dd; text-decoration: none; }

/**** End Footer ****/