/* ---------------------------------------------

Billtornade  Styles

version :	17/09/2011
author :	laurent lelion
email :		web.leo.creation@free.fr

noir (bg): #001216;
blanc (typo): #fefefe;

------------------------------------------------ */

* {margin:0px; padding:0px;}

html, body {
	height: 100%;
	/*overflow: hidden;*/
}
body {font-size:62.5%; color:#fefefe; font-family: 'Syncopate', Arial, Verdana, sans-serif; text-align: center; background:#001216 url('../images/assets/foggyBg.png') no-repeat fixed center center}
body.preHome { }
body.modalPanel {background:#000;}

body .overlay {position:absolute; top:0px; left:0px; z-index:40; background:#000; text-align:center; visibility:visible;}

#flashContent{
	width:670px;
	height:400px;		
	margin:0 auto;
	/*position:absolute;
	left: 50%; 
	top: 50%;	
	margin-top: -300px; 
	margin-left: -450px;*/	
	margin-top:10px;
}

.breaker {clear:both; overflow:hidden; height:0%}

/* Hack FF bordure pointille */
a {outline: none;}
:focus{-moz-outline-style: none;}

a {color:#fefefe; text-decoration:none;}
a:hover {}

img {border:none}
ul li {list-style:none;}

#global{
	width:980px;
	height:600px;	
	/*border:1px solid #FFF;*/
	overflow:hidden; 
	margin:0 auto;
	position:absolute;
	left: 50%; 
	top: 50%;	
	margin-top: -300px; 
	margin-left: -490px;
	background:transparent;
	text-align:left;
	/*margin-top:10px;*/
}

body.preHome #global {width:812px; margin-left: -406px;}
body.preHome #global .wrapper {width:100%; height:100%; margin:0 auto;}

/* Diapo pre-home */
.preHome #myGallery { width:810px; height:540px; border: 1px solid #fefefe;}
.preHome #myGallery h2 {font-size:10px; margin:4px 5px 2px 5px;}
.preHome #myGallery p {font-size:9px;}
.preHome #myGallery a.open:hover {background: none;}

.preHome #myGallery.loading {background: url('../images/assets/ajax-loader.gif') no-repeat 50% 50%;}

/* Nav pre-home */
.preHome #nav {text-align: left; position:relative; width:100%;}
.preHome #nav h1 {position:absolute; left: 50%; top: 10px; margin-left: -71px;}
.preHome #nav h1 a {display:block; text-decoration:none; text-indent:-999em; background:url('../images/assets/billtornade-logo.png') no-repeat; width:142px; height:46px;}
.preHome #nav h2 {margin:7px 0 0 0;}
.preHome #nav h2 a {display:block; text-decoration:none; line-height:16px; font-size: 10px; font-weight: normal;}
.preHome #nav h2.en {float:left;}
.preHome #nav h2.en a {padding:0 0 0 20px; background: url('../images/assets/flag_great_britain.png') no-repeat 0% 50%;}
.preHome #nav h2.fr {float:right;}
.preHome #nav h2.fr a {padding:0 20px 0 0px; background: url('../images/assets/flag_france.png') no-repeat 100% 50%;}
.preHome #nav h2 a:hover {text-decoration:underline;}

/* Home */
#videoBG {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;
	background-color:#000;
}
* html #videoBG { 
	position: absolute;
}

#fullScreenBtn {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 0%;
	left: 0%;
	background: url('../images/assets/FULLSCREEN-button.png') no-repeat;
	cursor: pointer;
}

* html #videoDiv { 
	position: absolute;
}

/* Menus Top */
ul#leftTopNav {float:right; margin:7px 20px 0 0; }
* html ul#leftTopNav {display:inline; }	/* IE 6*/
ul#leftTopNav li {display:inline;} 
ul#leftTopNav li a {display:block; float:left; }
ul#leftTopNav li a:hover {text-decoration:underline;}
ul#leftTopNav li a.fr { }
ul#leftTopNav li a:hover.fr { }
ul#leftTopNav li a.en { }
ul#leftTopNav li a:hover.en { }

ul#topMenu {float:left; padding:7px 0 7px 0; margin:0 0 0 25px;}
* html ul#topMenu {display:inline; }	/* IE 6 */
ul#topMenu li {display:inline; font-size:1.0em; /*font-family:Tahoma, Arial, sans-serif;*/}
ul#topMenu li a {display:block; float:left; text-decoration:none;  padding:0 6px; background:url(../images/assets/pipeMenu.gif) no-repeat; background-position:0% 50%;}
ul#topMenu li a.active {text-decoration:underline;}
ul#topMenu li a:hover {text-decoration:underline;}
ul#topMenu li.first a {background:none;}

ul#pathway {float:left; margin:8px 0 0 12px;}
ul#pathway li {font-size:1.0em;}
ul#pathway li a {text-decoration:none;}
ul#pathway li a:hover {text-decoration:underline;}
ul#pathway li span {}
ul#pathway li span.sep {padding:0 5px;}

#myMediaBar {float:right; margin:0 20px 0 0;}

/* Player */
#myPlayer {float:left; width:200px; margin-top:5px;}
#myPlayer.fr {margin-left:26px;}
#myPlayer.en {margin-left:80px;}
#myPlayer img {display:block; padding:1px 0 0 0;}
#myPlayer a {display:block; padding:2px;}
#playerPopBtn {float:left; height:22px; overflow:hidden; }
#playerPopBtn a {display:block; padding:7px 0 0 7px; text-decoration:none; font-size:1.0em;}
#playerPopBtn a:hover { text-decoration:underline;}
#playerPopBtn a#btnOff {}
#playerPopBtn a#btnOn {}

#myAudioPlayerSWF {border:1px solid #000;}

/* Bloc central */
#innerContent {margin:0 0 0 0px; height:530px; overflow:hidden;}

/* Collections */
#innerContent.collection {position:relative;}
#innerContent.collection #info {position:absolute; top:10px; right:20px; font-size: 0.9em;}

#innerContent.collection ul#assets {position:absolute; top:30px; right:20px; z-index:2;}
#innerContent.collection ul#assets li {font-size: 0.9em; text-align: right; margin:7px 0 0 0;}
#innerContent.collection ul#assets li a {display:block; line-height: 16px; padding: 0 20px 0 0;}
#innerContent.collection ul#assets li a:hover {text-decoration: underline;}
#innerContent.collection ul#assets li a.video {background: url('../images/assets/videoIcon.png') no-repeat 100% 50%;}
#innerContent.collection ul#assets li a.pdf {background: url('../images/assets/pdfIcon.png') no-repeat 100% 50%;}

#MooFlow {margin-top:20px;}
#MooFlow.mf {}
#MooFlow.mf .caption {color:#fefefe; font-family: inherit; font-weight: normal; font-size: 1.1em; bottom:100px; }
#MooFlow.mf div img {border:1px solid #fefefe;}

/* ReMooz */
.remooz-type-image .remooz-bg-wrap {display:none;}
.remooz-type-image .remooz-body {}
.remooz-type-image .remooz-body img {border:1px solid #fefefe;}
.remooz-type-image .remooz-title {left:1px; top:8px;}
.remooz-type-image .remooz-title .remooz-title-bg {border-radius:0px; background: #000;}
.remooz-type-image .remooz-title .remooz-title-content {padding:5px 10px; font-family: 'Syncopate', Arial, Verdana, sans-serif;}
.remooz-type-image .remooz-title .remooz-title-content h6 {font-size:0.8em; font-weight: normal;}

#mainPicture {float:left; width:517px; height:511px; border-right:1px solid #000; overflow:hidden; background:url(../images/defaultPict.gif) no-repeat 50% 50%;}
#collectionInfoBox {float:left;}
#collectionInfoBox #zoomPictBox {float:left;}
#collectionInfoBox #thumbsPictBox {float:left;}

/* Zoom */
#IMGPRODdiv_normal {width:190px; height:285px;	position:relative;	overflow:hidden; margin:24px 0 0 15px}
#IMGPRODdiv_catwalk {position:absolute; top:0px; left:0px; 	display:none; z-index:6;}
#masque_catwalk {display:none;}
#collectionInfoBox p.info {text-align:center; font-size:1.1em; margin:3px 0 0 15px; width:190px}
img#IMGPRODzoom {}
img#IMGPRODzoom.initStyle {display:block; margin:0px;}

/* ScrollBar */
.scroll {
	position:absolute;
	display:block;
	height:380px;
	overflow:scroll;
	padding: 15px 30px 15px 0px;
	border:none;	
	margin:10px 0;
	background:transparent;
	color:#fefefe;
	left:0px;
	top:0;
		
	/* fixes has-layout-bug in IE6 */
	zoom:1;	
}

.scroll2 {
	position:absolute;
	display:block;
	height:446px;
	overflow:scroll;
	padding: 15px 0px 15px 0px;
	border:none;	
	margin:10px 0;
	background:transparent;
	right:10px;
	top:20px;
	/* fixes has-layout-bug in IE6 */
	zoom:1;	
}

.scroll3 {
	position:absolute;
	display:block;
	height:380px;
	overflow:scroll;
	padding: 15px 0px 15px 0px;
	border:none;	
	margin:10px 0;
	background:#fff;
	right:10px;
	top:76px;	
	/* fixes has-layout-bug in IE6 */
	zoom:1;	
}

/* Company */
#innerContent.company {position:relative;}
#innerContent.company .wrapper {}
#innerContent.company .wrapper .scroll {top:50px; left:20px; width:910px; }
#innerContent.company .wrapper .scroll p { padding: 0px 60px 0px 0px;}

/* Press */
#innerContent.press {position:relative;}
#innerContent.press .wrapper {}
#innerContent.press .wrapper .scroll {top:20px; left:40px; width:850px; height:400px;}
#innerContent.press .wrapper .scroll ul {float:left;}
#innerContent.press .wrapper .scroll ul li {float:left; width:33%; margin:20px 0 0px 0;}
#innerContent.press .wrapper .scroll ul li h3 {padding:0px 0 5px 0; font-size:1.1em; font-weight:normal;}
#innerContent.press .wrapper .scroll ul li a.pict {display:block;}
#innerContent.press .wrapper .scroll ul li a img {border:1px solid #fefefe; height:320px;}
#innerContent.press .wrapper .scroll ul li a.url {display:block; margin:7px 0 0px 0; font-size:1.2em; }
#innerContent.press .wrapper .scroll ul li a:hover.url {}

/* Boutiques */
#innerContent.shopList {}
#innerContent.shopList .wrapper {float:left; position:relative; margin:20px 0 0 0;}
#innerContent.shopList .wrapper .scroll {top:0px; left:20px; width:450px; height:420px;}
#innerContent.shopList .wrapper .scroll h2 { margin:15px 0 0px 0; font-size:1.2em; font-weight:bold;}
#innerContent.shopList .wrapper .scroll h2.type_5 {margin:30px 0 0px 0; }
#innerContent.shopList .wrapper .scroll h3 { margin:10px 0 0px 0; font-size:1.1em; font-weight:normal;}
#innerContent.shopList .wrapper .scroll h3 a {text-decoration: underline;}
#innerContent.shopList .wrapper .scroll h3 a:hover {text-decoration: none;}
#innerContent.shopList .wrapper .scroll p { padding:2px 0 2px 0;}

#innerContent.shopList p.info {text-align:center; font-size:1.0em; margin:20px 0 0 0;}
#innerContent.shopList p.info a {text-decoration: underline;}
#innerContent.shopList p.info a:hover {text-decoration: none;}

/* googleMap */
#googleMap {float:right; width:400px; margin:30px 20px 0 0;}
#googleMap .formLine {text-align: right; }
#googleMap .formLine label {}
#googleMap .formLine select {}

#googleMapBox {margin:10px 0 0 0;}
#googleMapBox h6 {font-weight: bold; color:#000; font-size:10px;}
#googleMapBox p {color:#000; margin-top:2px; font-size:9px;}

/* Contact */
#innerContent.contact {position:relative;}

#mainForm { }

#ajaxStatut {position:absolute; top:10px; right:10px; font-size:0.9em; padding:3px 10px;}
#ajaxStatut2 {position:absolute; top:10px; right:10px; font-size:0.9em; padding:3px 10px;}

#log_res {position:absolute; top:50px; left:196px; overflow:auto; padding:0px; width:604px; text-align:center;}
#log_res .error {padding:5px; margin-bottom:10px; border:1px solid #CC3333; background:#FFF; font-size:1.0em; color:#CC3333}
#log_res .succes {padding:5px; margin-bottom:10px; border:1px solid #99CC00; background:#FFF; font-size:1.0em; color:#99CC00}

#formBox {position:absolute; top:100px; left:100px;}
#formBox p {margin:0px 0 0px 96px; padding:5px 0; font-size:1.1em;}
#formBox .formLine {margin:10px 0 0 0;}
#formBox .formLine label {display:block; float:left; text-align:right; width:80px; padding:1px 16px 0 0; font-size:1.2em; font-weight:normal; }
#formBox .formLine input {display:block; float:left; width:600px; font-size:1.3em; padding:2px 0 2px 2px;}
#formBox .formLine input.blured {border:1px solid #fefefe;}
#formBox .formLine input.focused {border:1px solid #000; }
#formBox .formLine select {display:block; float:left; width:604px; font-size:1.3em; padding:2px 0 2px 2px;}
#formBox .formLine textarea {width:600px; height:150px; padding:2px 0 2px 2px;}
* html #formBox .formLine textarea {margin-left:-3px;}	/* IE6 */
#formBox .formLine textarea.blured {border:1px solid #fefefe;}
#formBox .formLine textarea.focused {border:1px solid #000;}
#formBox .formLine input.submitBtn {float:none; width:604px; border:1px solid #fefefe; background:#fefefe; color:#000; text-transform:uppercase; letter-spacing:0.1em; text-align:center; padding:0px 0px 1px 0px; cursor:pointer; margin:0px 0 0px 96px; font-size:1.1em;/*line-height:10px;*/ height:20px;}
#formBox .formLine input:hover.submitBtn {background:#000; color:#fefefe;}


/* Menu Principal */

.shadow {
    -moz-box-shadow: 0 0 7px #fefefe;
    -webkit-box-shadow: 0 0 7px #fefefe;
    box-shadow: 0 0 7px #fefefe;
}

#bottomContent { margin:0px 0 0 0; padding:0px 0 0px 0px; background:transparent; height:47px; position:relative; /*overflow:hidden;*/}	/* margin:15px 0 0 0; SAFARI */
* html #bottomContent {overflow:hidden;}
#bottomContent h1 {float:right; padding:0px 0 0 0;}
#bottomContent h1 a {display:block; text-decoration:none; text-indent:-999em; background:url('../images/assets/billtornade-logo.png') no-repeat; width:142px; height:46px;}

/* Dropdown Menu */
#bottomContent dl.dropdown {float:left;  position:relative; background:transparent; padding-top:7px; }
* html #bottomContent dl.dropdown {margin:0 0 0 0px; }	/* IE6 */
#bottomContent dl.full {float:left; margin:0 0px 0 0px; }
#bottomContent dl.dropdown a {display:block; padding:5px; color:#FFF; text-decoration:none; /*width:199px*/}
#bottomContent dl.dropdown a:hover {text-shadow: 0px 0px 9px #fefefe;}
#bottomContent dl.dropdown dt.active, #bottomContent dl.dropdown a.active {text-shadow: 0px 0px 9px #fefefe;} 
#bottomContent dl.dropdown .underline {border-bottom:1px solid #a9a9a9}

#bottomContent dl.dropdown dt {float:left; padding:8px 14px; font-weight:normal; cursor:pointer; color:#FFF; text-transform:uppercase; font-size:1.3em; }	/* font-size:1.1em; SAFARI */
#bottomContent dl.dropdown dt:hover {}
#bottomContent dl.dropdown dd {position:absolute; overflow:hidden; width:300px; display:none; background:url('../images/assets/menuBG.png'); z-index:200; opacity:0; top:0px; left:10px;}
#bottomContent dl.dropdown ul {width:300px; list-style:none; border-bottom:none; }
#bottomContent dl.dropdown ul li {display:inline; font-size:10px;}
#bottomContent dl.dropdown ul li a {text-transform:none;}
#bottomContent dl.dropdown ul li a:hover {background:#fefefe; /*background:url(../images/assets/menuBG_on.png);*/ color:#000;}
#bottomContent dl.dropdown ul li a.sub {font-size:9px; padding:3px 0px 3px 15px;}

#bottomContent dl.dropdown dt.nosubmenu { width:auto; border:none; padding:8px; font-weight:normal; cursor:pointer; }
#bottomContent dl.dropdown dt.fr {}
#bottomContent dl.dropdown dt.en {padding:8px 12px 8px 12px;}
#bottomContent dl.dropdown dt.last {padding:8px 0px 8px 8px;}
#bottomContent dl.dropdown dt.nosubmenu a { padding:0px; width:auto; }





#editorialContent {float:left;}
#editorialContent .scroll { width:300px;}
#editorialContent .scroll2 { width:300px;}
#editorialContent .scroll3 { width:300px;}
#editorialContent .noscroll { width:300px; padding:10px 0 0 15px;}
#editorialContent .noscroll select {width:200px}

#editorialContent a {text-decoration:underline;}
#editorialContent a:hover {text-decoration:none;}
#editorialContent select {display:block; margin:0 0 15px 0;}
#editorialContent h2 {font-size:2.0em; margin:0 0 10px 0; color:#c1a05a}
#editorialContent h2.customMargin {padding:12px 0 10px 12px; margin:0px;}
#editorialContent p {width:280px; font-size:1.2em; text-align:justify; padding:0 0 5px 0;}
#editorialContent p.small {font-size:1.1em;}
#editorialContent p.city {margin:5px 0 0 0; font-weight:bold; text-align:left;}
#editorialContent p.noinfo {margin:5px 0 0 0; text-align:left;}
#editorialContent .dresscode {background:url(../images/dresscode_man_bg.jpg) no-repeat 100% 50%; /*background:url(../images/dresscode_bg.jpg) no-repeat 0px 50%; */height:501px; width:309px;}
#editorialContent .contact {background:url(../images/contactVisuel_man.jpg) no-repeat 100% 0px; height:501px; width:309px;}
#editorialContent .representants {background:url(../images/BlankMap-World.jpg) no-repeat center center; height:460px;}
#editorialContent .shoplist {background:url(../images/shoplist_man.jpg) no-repeat 100% 20px; /*height:460px;*/}
#editorialContent .onlineSalesBox {width:280px; margin:14px 0 0 0; padding:0 0 7px 0;  }
#editorialContent .onlineSalesBox h3 {font-size:1.6em; margin:0px; color:#c1a05a; padding:0px;  }
#editorialContent .onlineSalesBox ul {}
#editorialContent .onlineSalesBox ul li {margin:5px 0 0 0px; font-weight:bold;}
#editorialContent .onlineSalesBox ul li h4 {font-size:1.1em;}
#editorialContent .onlineSalesBox ul li h4 a {}
#editorialContent .onlineSalesBox ul li a:hover {}

/* Modal Panel */
#modalPanel {position:relative; text-align:left; }
#modalPanel #formBox .formLine label {width:120px}
#modalPanel #formBox .formLine input.submitBtn {margin:-5px 0 0px 135px; }
#modalPanel #log_res {width:516px}

/* Pop PLayer */
#popContent {text-align:center; }
#popContent #myAudioPlayerSWF {
	width:200px;
	height:15px;
	position:absolute;
	left: 50%; 
	top: 50%;	
	margin-top: -7px; 
	margin-left: -100px;
}