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

Billtornade  Styles

version :	27/12/2008
author :	laurent lelion
email :		web.leo.creation@free.fr

doré : #c1a05a;

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

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

body {font-size:62.5%; color:#000; font-family: Arial, Verdana, sans-serif; text-align: center; background:#FFF url(../images/bg.jpg) repeat-x fixed left top}
body.preHome {color:#FFF; background:#000;}
body.modalPanel {background:#FFF;}

#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:#000; text-decoration:none;}
a:hover {}

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

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

/* Menus Top */
ul#leftTopNav {float:right; margin:7px 28px 0 0; }
* html ul#leftTopNav {display:inline; }	/* IE 6*/
ul#leftTopNav li {display:inline;} 
ul#leftTopNav li a {display:block; float:left; text-indent:-999em;}
ul#leftTopNav li a.fr {background:url(../images/picto_fr.gif) no-repeat; width:44px; height:12px; }
ul#leftTopNav li a:hover.fr {background:url(../images/picto_fr_on.gif) no-repeat; }
ul#leftTopNav li a.en {background:url(../images/picto_en.gif) no-repeat; width:44px; height:12px; }
ul#leftTopNav li a:hover.en {background:url(../images/picto_en_on.gif) no-repeat; }

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; color:#303030; padding:0 6px; background:url(../images/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;}

/* 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 {color:#c1a05a; text-decoration:underline;}
#playerPopBtn a#btnOff {}
#playerPopBtn a#btnOn {}
#mySWF, #myPopPlayer {border:1px solid #000;}

/* Bloc central */
#innerContent {border:1px solid #000; width:842px; margin:0 0 0 26px; /*height:511px;*/ overflow:hidden;}

.homeContent {}
.homeContent a {display:block; float:left; text-decoration:none; /*text-indent:-999em;*/}
* html .homeContent a {overflow:hidden;} /*IE6*/
.homeContent a.mainLeft {/*background:url(../images/home_visuel_video.jpg) no-repeat;*/ width:517px; height:360px; border-right:1px solid #000; border-bottom:1px solid #000;}
.homeContent a.mainLeft img {width:517px; height:360px;}
.homeContent a.mainRight {/*background:url(../images/home_visuel_backstage.jpg) no-repeat;*/ width:324px; height:360px; border-bottom:1px solid #000;}
.homeContent a.mainRight img {width:324px; height:360px;}
.homeContent a.miniLeft {/*background:url(../images/home_visuel_coll_homme.jpg) no-repeat;*/ width:258px; height:150px; border-right:1px solid #000;}
.homeContent a.miniLeft img {width:258px; height:150px;}
.homeContent a.miniRight {/*background:url(../images/home_visuel_coll_femme.jpg) no-repeat;*/ width:258px; height:150px; border-right:1px solid #000;}
.homeContent a.miniRight img {width:258px; height:150px;}
.homeContent .homeText {float:left; height:150px; overflow:hidden;}
.homeContent p {width:290px; font-size:1.4em; margin:12px 15px 0 15px;}


/* Collections */
.collectionContent {position:relative;}

#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:460px;
	overflow:scroll;
	padding: 15px 0px 15px 0px;
	border:none;	
	margin:10px 0;
	background:#fff;
	right:10px;
	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:#fff;
	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;	
}

#collectionInfoBox .scroll { width:90px;}
#collectionInfoBox #thumbsPictBox ul {}
#collectionInfoBox #thumbsPictBox ul li {}
#collectionInfoBox #thumbsPictBox ul li h3 {display:none;}
#collectionInfoBox #thumbsPictBox ul li p {display:none;}
#collectionInfoBox #thumbsPictBox ul li a {display:block; overflow:hidden; height:107px; width:72px;}
#collectionInfoBox #thumbsPictBox ul li a:hover  {}
#collectionInfoBox #thumbsPictBox ul li a img {}
#collectionInfoBox #thumbsPictBox ul li a:hover img {border:1px solid #c1a05a;}
#collectionInfoBox #thumbsPictBox ul li a img.off {border:1px solid #FFF;}
#collectionInfoBox #thumbsPictBox ul li a img.on {border:1px solid #c1a05a;}

#collectionInfoBox #textPictBox {width:170px; margin:5px 0 0 15px; font-size:1.1em; /*background:#edecec;*/ padding:10px;}

#collectionInfoBox #titleGaleryBox {position:absolute; left:533px; top:458px; width:168px; font-size:1.2em; font-weight:bold; background:#edecec; padding:5px 10px; color:#c1a05a; border:1px solid #c1a05a;}

/* Company */
#leftEditorialContent {float:left; width:517px; border-right:1px solid #000; overflow:hidden;  }
#leftEditorialContent #mainPicture2 {height:360px; border-bottom:1px solid #000; background:url(../images/defaultPict.gif) no-repeat 50% 50%; overflow:hidden;}
#leftEditorialContent #mainPicture2 img.map {margin:56px 0 0 2px;}
#leftEditorialContent #scrollingPictContent {height:150px; width:512px; overflow:hidden; }
#leftEditorialContent img.showroomIcon {width:22px; height:140px; margin:6px 4px 0 4px; display:block; float:left; }
* html #leftEditorialContent img.showroomIcon {margin:6px 4px 0 2px; }	/* IE6*/
#leftEditorialContent #scrollingPictContent #scrollerContent {float:left; margin:6px 0px 0 0px; width:480px; height:136px !important; overflow:hidden; position:relative;}
* html #leftEditorialContent #scrollingPictContent #scrollerContent {width:480px;}	/* IE6 */
#leftEditorialContent #scrollingPictContent #scrollerContent .inside {width:2000px; height:136px !important; overflow:hidden;}
#leftEditorialContent #scrollingPictContent #scrollerContent .move {}
#leftEditorialContent #scrollingPictContent ul {/*float:left;*/ }
#leftEditorialContent #scrollingPictContent ul li {float:left; margin:0 4px 0 0}
#leftEditorialContent .showroom {}

/* Boutiques */
#leftEditorialContent #mySwf {margin:80px 0 0 0;}

#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 {}

/* Contact */
#ajaxStatut {position:absolute; top:10px; right:10px; font-size:1.1em; padding:1px 10px;}
#ajaxStatut2 {position:absolute; top:10px; right:10px; font-size:1.1em; padding:1px 10px;}

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

#formBox {position:absolute; top:46px; left:0px; /*margin:36px 0 0 0;*/}
#formBox .formLine {margin:10px 0 0 0;}
#formBox .formLine label {display:block; float:left; text-align:right; width:80px; padding:0 16px 0 0; font-size:1.2em; font-weight:bold; color:#000;}
#formBox .formLine input {display:block; float:left; width:380px; font-size:1.2em;}
#formBox .formLine input.blured {border:none; border-bottom:1px dashed #DDD; }
#formBox .formLine input.focused {border:none; border-bottom:1px dashed #c1a05a;}
#formBox .formLine select {display:block; float:left; width:380px; font-size:1.1em;}
#formBox .formLine textarea {width:380px; height:150px; }
* html #formBox .formLine textarea {margin-left:-3px;}	/* IE6 */
#formBox .formLine textarea.blured {border:1px solid #DDD;}
#formBox .formLine textarea.focused {border:1px solid #c1a05a;}
#formBox .formLine input.submitBtn {float:none; width:382px; border:1px solid #c1a05a; background:#c1a05a; color:#FFF; text-transform:uppercase; letter-spacing:0.1em; text-align:center; padding:0px 0px 1px 0px; cursor:pointer; margin:-5px 0 0px 96px; font-size:1.0em;/*line-height:10px;*/ height:16px;}
#formBox .formLine input:hover.submitBtn {background:#FFF; color:#c1a05a;}


/* Menu Principal */
#bottomContent { margin:13px 0 0 0; padding:0px 0 0px 16px; background:#000; height:47px; /*overflow:hidden;*/}	/* margin:15px 0 0 0; SAFARI */
* html #bottomContent {overflow:hidden;}
#bottomContent h1 {float:left; padding:6px 0 0 0;}
#bottomContent h1 a {display:block; text-decoration:none; text-indent:-999em; background:url(../images/logo.gif) no-repeat; width:142px; height:36px;}

/* Dropdown Menu */
#bottomContent dl.dropdown {float:left;  position:relative; background:#000; 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 {color:#c1a05a}
#bottomContent dl.dropdown dt.active, #bottomContent dl.dropdown a.active {color:#c1a05a;} 
#bottomContent dl.dropdown .underline {border-bottom:1px solid #a9a9a9}

#bottomContent dl.dropdown dt {float:left; padding:8px 14px; font-weight:bold; cursor:pointer; color:#FFF; text-transform:uppercase; font-size:1.2em; }	/* font-size:1.1em; SAFARI */
#bottomContent dl.dropdown dt:hover {}
#bottomContent dl.dropdown dd {position:absolute; overflow:hidden; width:160px; display:none; background:url(../images/menuBG.png); z-index:200; opacity:0; top:0px; left:0px;}
#bottomContent dl.dropdown ul {/*width:204px;*/ list-style:none; border-bottom:none; }
#bottomContent dl.dropdown ul li {display:inline}
#bottomContent dl.dropdown ul li a {text-transform:none;}
#bottomContent dl.dropdown ul li a:hover {background:url(../images/menuBG_on.png); color:#FFF;}

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

/* 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 #myPopPlayer {
	width:200px;
	height:15px;
	position:absolute;
	left: 50%; 
	top: 50%;	
	margin-top: -7px; 
	margin-left: -100px;
}