@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*overflow:hidden;*/
	/* width:100%; height:100%; */
	/*min-width: 1230px; 
	min-height: 750px;*/
	/*line-height: 1;*/



}


@font-face {
    font-family: 'futura_lightregular';
    src: url('fonts/futura_light-webfont.eot');
    src: url('fonts/futura_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_light-webfont.woff') format('woff'),
         url('fonts/futura_light-webfont.ttf') format('truetype'),
         url('fonts/futura_light-webfont.svg#futura_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.goLeft {
	position:absolute;
	width:50%;
	height:100%;
	
	z-index:88;
	cursor:pointer;
}
.goRight {
	position:absolute;
	width:50%;
	height:100%;
	right:0;
	
	z-index:88;
	cursor:pointer;
}
/*
body:-webkit-full-screen {position: absolute;
top: 0;
width: 100%;
height: 100%;}
body:-moz-full-screen {position: absolute;
top: 0;
width: 100%;
height: 100%;}
body:-ms-full-screen {position: absolute;
top: 0;
width: 100%;
height: 100%;}
body:-o-full-screen {position: absolute;
top: 0;
width: 100%;
height: 100%;}
body:full-screen {position: absolute;
top: 0;
width: 100%;
height: 100%;}

*/
.gallery_menu{
	cursor:pointer;
}
.infos_menu{
	cursor:pointer;
}

.jspTrack{
	width:60px !important;
}
.jspArrowRight {
	background-image:url(../img/flecheScrollD.jpg) !important;
	background-color:#000 !important;
	
	
}
.jspArrowLeft {
	background-image:url(../img/flecheScrollG.jpg) !important;
	background-color:#000 !important;
	
}

.jspArrowUp {
	background-image:url(../img/flecheScrollH.jpg) !important;
	background-color:#000 !important;
	
	
}
.jspArrowDown {
	background-image:url(../img/flecheScrollB.jpg) !important;
	background-color:#000 !important;
	
}
.display_menu{
	/*padding-top:50px;*/
	position:absolute;
	bottom:0;
	margin-left:42px;
	
}
.gallery_back{
	/*padding-top:50px;*/
	position:absolute;
	bottom:40px;
	margin-left:42px;
	font-size: 10px;
	color: #808080;
    cursor: pointer;
}
.spacerBottom{
	/*padding-top:50px;*/
	position:absolute;
	bottom:-20px;
	
}
.mainScreen {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:1;
	
}
#ibox {
	background-color:#000;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	box-shadow: 3px 3px 12px #000;
	z-index:1;
	border: 1px solid #222;
	overflow:hidden;
}
.txtAccueil{
	padding-top:90px;
}
.pictDisplay{
	cursor:pointer;
	
}
.mainScreenAccueil {
	left:50%;
	top:50%;
	width:540px;
	height:390px;
	margin-left:-290px;
	margin-top:-190px;
	/*background-color:#F3C;*/
	position:relative;
}
.mainScreenInfos {
	text-align:center;
	font-size:12px;
	color: #FFF;
	position:relative;
	height:100%;
	
	/*
	left:200px;
	top:30px;
	width:540px;
	height:390px;

	position:absolute;
	*/
}
#submitMessage {
	
	cursor:pointer;
	
}
.messagerRetourNews {
	color:#FFF;
	text-align:center;
	width:100%;
	
}
.noHide{
	overflow:inherit !important;
	
}
.about {
	margin-top:50px;
	background-color:#171717;
	position:absolute;
	width:100%;
	height:626px;
}
.credits {
	margin-top:50px;
	background-color:#171717;
	position:absolute;
	width:100%;
	height:626px;
}
.creditsContent{
	width:1120px;
	left:50%;
	margin-left:-560px;
	height:720px;
	top:50%;
	margin-top:-360px;
	position:relative;
	
	
}
.messagesContent{
	width:750px;
	left:50%;
	margin-left:-375px;
	height:720px;
	top:50%;
	margin-top:-360px;
	position:relative;
	
	
}
.aboutLogo {
	float: left;
    width: 50%;
	
	 color: #a3a3a3;
	font-family: 'futura_lightregular';
    font-size: 14px;
 
    text-align: center;
	line-height:20px;
	letter-spacing:0.02em;
	
	
}
.aboutSep {
	width:6px;
	height:100%;
	position:absolute;
	left:50%;
	margin-left:-3px;
	background-color:#000;
}
.aboutContent{
	width:100%;
	/*width:990px;
	left:50%;
	margin-left:-495px;*/
	height:626px;
	top:50%;
	margin-top:-313px;
	position:relative;
	
	
}

.creditsTxt {
    color: #a3a3a3;
	font-family: 'futura_lightregular';
    font-size: 16px;
   /* padding-left: 50px;*/
    text-align: center;
	line-height:20px;
	letter-spacing:0.02em;
	float: left;
	width:100%;
}

.aboutUsLogo {
    color: #A3A3A3;
    float: left;
    font-family: 'futura_lightregular';
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: center;
    width: 280px;
}
.aboutUsTxt {
    color: #A3A3A3;
    float: left;
    font-family: 'futura_lightregular';
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: left;
    width: 710px;
}
.aboutTxt {
    color: #a3a3a3;
	font-family: 'futura_lightregular';
    font-size: 13px;
   /* padding-left: 50px;*/
    text-align: left;
	line-height:20px;
	letter-spacing:0.02em;
	float: left;
	width:50%;
	height:100%;
	
}
.aboutUsContent {
    height: 626px;
    left: 50%;
    margin-left: -495px;
    margin-top: -313px;
    position: relative;
    top: 50%;
    width: 990px;
}
.txtCenter{
	text-align:center;
	
}
.agencies {
    float: left;
    position: relative;
    width: 50%;
}
.titleColumn {
	
	color:#FFF;
	background-color:#171717;
	/*height:60px;*/
	padding-top:20px;
	padding-bottom:20px;
	position:absolute;
	width:50%;
	z-index:2;
	 font-size: 14px;
	/*
	
	font-family: 'futura_lightregular';
    font-size: 16px;
line-height:20px;
	letter-spacing:0.02em;
	*/
	
}
.agencies .titleColumn {
	/*text-align:right;*/
	width:100%;
	
}
.agencies .columnTitlePad {
	float:right;
	padding-right:10px;
	text-align:reight;
	
}
.advertisers .titleColumn {
	text-align:left;
	
}
.advertisers .columnTitlePad {
	padding-left:10px;
	
}
.ListItem a{
color: #A3A3A3;
}
.ListItem a:hover{
color: #FFF;
}

.titleAlphabetical {
    background-color: #171717;
    bottom: 0;
    color: #FFFFFF;
    font-size: 10px;
    height: 40px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 20;
}
.messages {
	height: 100%;
    position: absolute;
	top:80px;
	/*width:800px !important;*/
}
.pagesMessage{
	text-align:right;
	position:absolute;
	bottom:80px;
	width:100%;
	color:#A3A3A3;
	z-index:10;
	
}
.pagesMessage a{
color:#A3A3A3;
}


.postMessage{
	font-family: 'futura_lightregular';
    font-size: 16px;
line-height:20px;
	letter-spacing:0.02em;
	
	color:#808080;
	
	
	text-align:center;
	position:absolute;
	/*bottom:0;
	right:0;*/
	z-index:50;
	cursor:pointer;
	width:100%;
}
.btCloseForm {
height: 18px;
position: absolute;
right: 0;
width: 18px;
color: black;
font-weight: bold;
cursor: pointer;
}
.cursorDrag{
	/*cursor:move;*/
	cursor: url(../img/openhand.cur), move !important; 
}
.horizontalSlide {
    cursor: pointer !important;
}
/*
#boxFormMessage {

width:330px;
height:310px;
position:absolute;
left:50%;
top:50%;
margin-left:-165px;
margin-top:-150px;	
	background-color:#FFF;
	color:#000;
	z-index:50;
}
*/
#boxFormMessage {
width: 310px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -157px;
margin-top: -200px;
background-color: white;
color: black;
z-index: 50;
padding: 20px;
}
.scroll-pane-txt{
	width:100%;
	height:100%;
	
}
#boxFormMessage .messagerRetourNews{
	color:#000;
	
	
	
}
.formMessageBt {
	cursor:pointer;
	
	
}
#formNewsTxt {
    height: 340px;
    left: 50%;
    margin-left: -150px;
    margin-top: -170px;
    position: relative;
    text-align: center;
    top: 50%;
    width: 300px;
}
.formMessageInputTitle {
padding-left: 5px;
padding-top: 10px;
padding-bottom: 5px;
text-align: left !important;
font-weight: bold;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-sizing: content-box;
width: 300px;
border: hidden;
color: #505050;
font-family: 'futura_lightregular';
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
}
.formMessageInput {
    padding-left: 5px;
    padding-top: 10px;
	 padding-bottom: 5px;
   /* text-align: left !important;*/
	font-weight:bold;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
	width:300px;
	background-color:#dadada;
	border:hidden;
	color:#505050;
	
	
	font-family: 'futura_lightregular';
    font-size: 16px;
line-height:20px;
	letter-spacing:0.02em;
	
}
.singleLineForm{
	height:50px;
}
.formMessageInputM {
   
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
	width:310px;
}
.formMessageInputM {
padding-left: 5px;
padding-top: 10px;
padding-bottom: 5px;
text-align: left !important;
font-weight: bold;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-sizing: content-box;

background-color: #DADADA;
border: hidden;
color: #505050;
font-family: 'futura_lightregular';
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
}
.formMessageInputBt {
	 padding-top: 10px;
	 padding-right: 5px;
	text-align:right !important;
	
}
.formMessageInputBtM {
padding-top: 10px;
text-align: center !important;
}
.jspVerticalBar {
   /* background: none repeat scroll 0 0 #A9A9A9 !important;*/
   background-image:url(../img/fdScrollV.png);
    width: 10px !important;
}
.messageItem {
	text-align:left;
	color:#a3a3a3;
	
}
.messageInfos {
	margin-top:15px;
	
}
.messageBottomLine{
	border-top:1px solid #cccccc;
	height:20px;
	margin-top:5px;
	padding-bottom:5px;
}
.titleMessages {
    
   position:absolute;
    height: 80px;
    
    text-align: center;
    width: 100%;
    z-index: 20;
	font-size:14px;
	color:#A3A3A3;
	bottom:0;
}
.agenciesList {
	position: relative;
    top: 60px;
}
.advertisersList {
	position: relative;
    top: 60px;
}
.agenciesList .ListItem {
	text-align:right;
	padding-right:10px;
	/*
	font-family: 'futura_lightregular';
    font-size: 13px;
line-height:20px;
	letter-spacing:0.02em;
	*/
}
.advertisers .ListItem {
	text-align:left;
	padding-left:10px;
	/*
	font-family: 'futura_lightregular';
    font-size: 13px;
line-height:20px;
	letter-spacing:0.02em;
	*/
}
.advertisers {
	width:50%;
	float:left;
	
}
.mainScreenAccueilTop{
	width:100%;
	height:50%;
	position:relative;
	text-align:center;
	border-bottom:1px solid #666;
	/*cursor:pointer;*/
}
.mainScreenAccueilBottom{
	width:100%;
	height:50%;
	position:relative;
	text-align:center;
	/*cursor:pointer;*/
}
.makingOfItem {
	background-image:url(../img/loading2.gif);
	background-repeat:no-repeat;
background-position: center center;
	
}

.scroll-pane{
	width:100%;
	height:100%;
	overflow: auto;
	
}
.scroll-pane-split{
	width:100%;
	height:33%;
	overflow: auto;
	/*padding-top:30px;*/
	
}
.secondScroll {
	/*padding-top:10px !important;*/
}
.titleScroll1 {
/*position:absolute;*/	
height:30px;
}
.titleScroll2 {
height:30px;
padding-top:30px;
}
.titleScroll3 {
height:30px;
padding-top:30px;
}
.makingOfGalleryItem {
	cursor:pointer;
}
#ibox {
	cursor:pointer;
}
.mainMediaContent  {
	/*border-left:1px solid #111;
	border-right:1px solid #111;
	*/
}
.mainMediaContent  {
	
	
	position:absolute;
	/*width:800px;
	*/
	height:514px;
	left:200px;
	top:41px;
	/*background-color:#F0F;*/
	overflow:hidden;
	opacity:0;
	
	
}
.navMediaContent  {
	cursor:default;
	
	position:absolute;
	
	width:800px;
	height:45px;
	/*left:200px;*/
	bottom:-14px;
	/*background-color:#F0F;*/
	
	
}

.makingOf  {
	
	
	position:absolute;
	/*
	width:100%;
	
	*/
	height:100%;
	
}
.makingOfGallery  {
	
	
	/*position:absolute;*/
	
	width:100%;
	
	/*
	height:100%;
	*/
}
.makingOfGalleryV  {
	
	
	position:absolute;
	/*
	width:100%;
	
	*/
	width:100%;
	
}
.makingOfGallerySplit  {
	
	
	/*position:absolute;*/
	/*
	width:100%;
	
	*/
	height:50%;
	
}

.horizontal-only {
	/*
	height:auto;
	max-height:791px;
	*/
}
.jspHorizontalBar {
  /*  background: none repeat scroll 0 0 #a9a9a9 !important;*/
  background-image:url(../img/fdScroll.png);
  
    bottom: 0;
    height: 10px !important;
    left: 0;
    position: absolute;
    width: 100%;
}
.jspTrack {
   /* background: none repeat scroll 0 0 #434343 !important;*/
   
}
.jspDrag {
     background: none repeat scroll 0 0 #CCC !important;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}

.makingOfItem  {
	float:left;
	
	
	/*position:absolute;*/
	/*
	width:100%;
	height:100%;
	*/
	
	
}
.makingOfGalleryItem  {
	float:left;
	height:90px;
	width:140px;
	
	/*position:absolute;*/
	/*
	width:100%;
	height:100%;
	*/
	/*padding-right: 4px;*/
	
}
.imgMakingOf {
	/*
	width:auto;
	height:100%;
	
	*/
	position:absolute;
	top:0;
}
.imgMakingOfGallery {
	/*
	width:auto;
	height:100%;
	
	*/
}
.contentCredits{
	/*position:relative;*/
	position:absolute;
	left: 200px;
	
	z-index:20;
	background-image:url(../img/fdTrans2.png);
	opacity:0;
	
	
	}
	
.contentCredits span{
	padding:10px;
	display:block;
	font-size:12px;
	color:#5E5E5E;
}
.makoImg {
	position:absolute;
}

.makingOfNav  {
	
	position:absolute;
	
	width:100%;
	height:100%;
	left:4px;
	top:4px;
	
}

.makingOfNavPlay{
	
	position:absolute;
	
	width:20px;
	height:20px;
	left:0px;
	top:0px;
	cursor:pointer;
	z-index:100;
}

.makingOfNavPlay img{
	position:relative;
	left:-5px;
	top:1px;
}

.makingOfNavItem  {
	
	
	float:left;
	
	
	height:15px;
	padding-right:4px;
	
	opacity:0;
}
.navTitle {
	text-align:center;
	font-size:12px;
	color:#808080;
	/*padding-top:5px;*/
	letter-spacing: 0.02em;
	padding-top: 5px;
	
}
.navCredits {
	text-align:center;
	font-size:11px;
	color:#b3b3b3;
	/*padding-top:5px;*/
	
	
}
.sideBarBottom{
	position:absolute;
	top: 800px;
	
	 -webkit-transition: all 1s ease-out; 
     -moz-transition: all 1s ease-out; 
       -o-transition: all 1s ease-out; 
          transition: all 1s ease-out; 
	
}
.overlayMako {
	position:absolute;
	z-index:50;
	width:200px;
	height:40px;
	background-color:#F0F;
	
}
.imgMakingOfNav {
	width:auto;
	height:100%;
	
	
}
.makingOfNavScroll  {
	height:17px;
	position:absolute;
	left:27px;
	cursor:pointer;
	top:4px;
}
.makingOfNavCursor  {
	position:absolute;
	z-index:2;
	top:-1px;
	/*left:-1px;*/
	width:25px;
	height:17px;
	//background-image:url(assets/makingOfScroller.png);
	cursor:pointer;
	
	

	
	}
	.makingOfNavFilet  {
	position:absolute;
	z-index:1;
	top:-1px;
	left:-4px;
	/*left:-1px;*/
	width:100%;
	height:17px;
	}
	
	.makingOfNavFiletG  {
	position:absolute;
	z-index:1;
	top:5px;
	left:0px;
	width:2px;
	height:6px;
	}
	
	.makingOfNavFiletD  {
	position:absolute;
	z-index:1;
	top:5px;
	right:0px;
	width:2px;
	height:6px;
	}
	
	.makingOfNavCursor img{
		
		position:absolute;
		left:-1px;
	}
	#sidebar{
		position:absolute;
		width:200px;
		margin-top:40px;
		top:0px;
		left:0px;
		opacity:0;
		margin-bottom:20px;
	}
	#sidebar li {
   list-style:none;
   font-size: 12px;
   letter-spacing: 0.02em;
   
   
}
#formContact .formMessageInput {
	text-align:center !important;
	
}
.imgLoader {
	position:relative;
	top:50%;
	left:50%;
	margin-top:-49px;
	margin-left:-49px;
	/*z-index:999;*/
}
#sidebar h2 {
	color:#5E5E5E;
	 -webkit-transition: color 0.2s ease-out; 
     -moz-transition: color 0.2s ease-out; 
       -o-transition: color 0.2s ease-out; 
          transition: color 0.2s ease-out; 

	
}
/*
.jspHorizontalBar{
	z-index:-10;
	
	
}
*/
.artOf {
	font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.095em;
	
}
.pagenav .selected h2 {
	color:#808080;
	
}
.selected ul {
	display:block !important;
	
}
.menuOn h2{
	color:#8F8F8F !important;
	
}
.selected h2{
	color:#8F8F8F !important;
	
}
.menuOn ul {
	display:block;
	
}

.menuOff ul {
	display:none;
	
}

#logo {
	padding-bottom:54px;
	
}

.infos_menu .selected h2 {
	color:#808080;
	
}






#sidebar li a{
  -webkit-transition: color 0.2s ease-out; 
     -moz-transition: color 0.2s ease-out; 
       -o-transition: color 0.2s ease-out; 
          transition: color 0.2s ease-out; 


}
#sidebar li a{
  
    color:#5E5E5E;
   
   
   
}
#sidebar li .selected a{
   color:#FFF;
}
#sidebar li a:hover{
   color:#FFF;
}
ul{
    padding-left: 42px;
	margin-top:0px;
}

.pagenav {
	/*padding-top:54px;*/
}
.subMenu {
	padding-left: 14px;
	padding-bottom:31px;
}


.Off li{
	/*opacity:0;*/
	/*display:none;*/
	
	
}


.pictSon {
	padding-top:1px;
	
}
.subMenuDisplay {
    padding-bottom: 31px;
    padding-left: 15px !important;
}
.pictDisplay {
	float:left;
	margin-right:7px;
	opacity:0.2;
	
}
.pictSelected{
	
	opacity:1; !important;
	
}
.displayMode {
	/*margin-top: 71px;*/
	
}
.settings {
	margin-top: 3px;
	
}
.settings h2{
	font-size:10px !important;
	
}
#displayFullscreen {
	margin-right:33px !important;
	opacity:1 !important;
	
}
.displayMode h2{
	font-size:10px !important;
	
}
/*
.creditsMenu {
	cursor:pointer;
	position:absolute;
	width:100%;
	z-index:90;
	text-align:right;
	
}
.creditsMenu h2 {
	padding-right:5px;
    font-size: 10px !important;
	
}

*/

.creditsMenuNav {
	top:-3px;
	position:absolute;
	/*width:100%;*/
	right:0;
	cursor:pointer;
	z-index:0;
	text-align:left;
	color:#808080;
	
}
.creditsMenuNav h2 {
	padding-right:5px;
    font-size: 10px !important;
	
}

.subMenu li {
	padding-top: 9px;
	
}






h2 {
	font-size:14px;
	font-weight:normal;
	margin-bottom: 8px;
	
}
a {
	text-decoration:none;
	color:#FFF;
	
}