/*
/*
	#e9d80c :yellow;

*/

html, body{font-family:arial;background-color:#000;height:100%;font-size:0.9em;color:#fff}

hr{color:#ccc;background-color:#ccc;height:1px;border:0; margin:10px 0}

table{border-collapse:collapse}

a{text-decoration:none}

h1{text-transform:uppercase; font-size:18px; margin:8px 0 15px 0}

#close{position:absolute;right:10px;top:10px;z-index:10;cursor:pointer}

#close img:hover{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8}


#facebook_twitter{overflow: hidden;clear: both; padding:20px 0 4px 0}

#facebook_twitter a img{border: 0;}

#facebook_twitter a { height: 30px;width: 30px;display: block;float: right; margin-right:10px}

#facebook {
	background:url(../images/facebook.png);
	opacity: 0.3;
}

#instagram {
	background:url(../images/instagram.png);
	opacity: 0.3;
}

a:hover#instagram,
a:hover#facebook {
	opacity: 0.9;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
    filter: alpha(opacity = 90); /* Hack IE 5-7 */
	-webkit-transition: opacity 0.4s ease-in-out;/* Chrome et Safari */
	-moz-transition: opacity 0.4s ease-in-out;/* Firefox */
	-o-transition: opacity 0.4s ease-in-out;/* Opéra */
	transition: opacity 0.4s ease-in-out}

#progress{position:absolute;left:2px;top:2px;z-index:6;cursor:pointer; color:white}

#mute{position:absolute;right:2px;bottom:2px;z-index:6;cursor:pointer}

#play{position:absolute;right:2px;bottom:2px;z-index:6;cursor:pointer; display:none}

#loading{position:absolute;width:100%;height:100%;z-index:20}

#loading td{width:100%;height:100%}

#loading_content{
	z-index:11;
	position:relative;
	vertical-align:middle;
	margin:auto;
	width:200px;
	text-align:center;
	border:4px solid #fff;
	font-size:30px;
	padding:20px;
	background-color:#000;
	color:#fff}

#ie6{position:absolute;width:100%;height:100%;z-index:100}

#ie6 td{width:100%;height:100%;background:url(../images/back_menu.jpg) repeat-x}

#ie6_content{
	z-index:11;
	position:relative;
	vertical-align:middle;
	margin:auto;
	width:600px;
	text-align:center;
	border:4px solid #ffff00;
	font-size:22px;
	padding:20px;
	background-color:#000;
	color:#fff}

#ie6_content a{color:#ffff00;}

#table_body{height:100%;width:100%}

#table_body td{vertical-align:top}

*{padding:0;margin:0}

ul{list-style:none}

.yellow {font-weight:bold; color : #fff}

.star{color:#fff;font-weight:bold;padding:0 2px; font-size:120%}

.clear{clear:both;height:0;line-height:0;display:inline}

#block_menu{width:286px}

#block_menu_div{
	width:286px;
	background-image:url(../images/back_menu.jpg);
	background-color:#2a2a2a;
	overflow:hidden;
	position:absolute;
	z-index:10;
	top:0;
	bottom:0}

#block_menu_div #menu li + li + li + li #menu_relative_news{display:none;}

#block_content{height:100%;min-width:100px;overflow:hidden}

.button{background-color:#fff;border:1px solid black;padding:0 6px;cursor:pointer}

.correct, .error{text-align:center;padding:5px 0;margin:5px 0}

.error{border:4px solid #f00;color:#000;background-color:#fff}

.correct{border:4px solid #91c80d;color:#000;background-color:#fff}

/****************************
		HEADER
****************************/
#header{overflow:hidden;font-size:0.8em}

#header_logo{display:block;width:286px;height:43px;background-image:url(../images/titre_header.png)}

#header ul{float:right;margin:0 3px 0 0}

#header ul li{margin-left:5px;float:left}

#header ul li a{color:#fff;text-transform:uppercase}

#header ul li a:hover{text-decoration:underline}

#menu{margin-top:50px}

#menu ul li .menu_relative{position:relative;height:30px; overflow: hidden;}

#menu ul li a{
	display:block;
	margin-right:5px;
	font-size:2em;
	height:30px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	right:0}

.menu_color{position:absolute;background-color:#ffffff;height:30px;width:0px;right:0px; top: 0}

/****************************
		SOUS MENU
****************************/

.block_sous_menu{padding-left:1px;width:217px;height:100%}

.element_sous_menu{border-bottom:1px solid #000;top:0;overflow:hidden}

#menu_down, #menu_up{position:absolute;height:52px;cursor:pointer}

#menu_down{background-image:url(../images/fleche_down.png);bottom:0;width:217px;border-top:1px solid #000}

#menu_up{background-image:url(../images/fleche_up.png);top:0;width:217px;border-bottom:1px solid #000}

.element_sous_menu a{display:block;margin:12px 2px 12px 16px;color:#fff}

.element_sous_menu a:hover{border-right:5px solid #fff}

.element_sous_menu.active a{border-right:5px solid #fff}

.element_sous_menu a .sous_menu_title{text-transform:uppercase}

#listing_sous_menu_div{top:53px;bottom:53px;width:217px;position:absolute;overflow:hidden}

#listing_sous_menu_div ul{position:absolute;top:0px;width:100%}

#sous_menu{position:absolute;top:0;bottom:0;width:217px;z-index:9;background-image:url(../images/back_sousmenu.jpg)}

.works_images{margin:0 auto}

.works_images_small{}

#works_listing{position:absolute;bottom:0;height:150px;overflow:hidden}

#works_all{position:absolute;top:0;left:0;right:0;bottom:0;margin-left:217px; z-index: 8; background-color:black}

#works_big{position:absolute;top:0;bottom:120px;display:table-cell;vertical-align:middle}

#works_big img{margin:auto}

#listing_small_images_ul{position:absolute;height:120px;top:42px;left:0;width:10000px}

li.listing_small_images_li{float:left;width:130px;text-align:center}

li.listing_small_images_li img{cursor:pointer}

.works_images_small{width:100px;height:60px;border:2px solid #fff}

.works_images_small.active{border:2px solid #fff; filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3}

#backstage_body{top:0;bottom:0;left:217px;right:0;position:absolute; z-index: 8}

#biography_body{width:673px;position:absolute;top:0;bottom:0}

#biography_header{position:absolute;width:673px;height:267px;background-image:url(../images/biography_story.jpg)}

#biography_content{
	background-color:white;
	color:#111;
	position:absolute;
	overflow:auto;
	width:400px;
	bottom:0;
	top:0px;
	padding:30px;}

#galleries_body{
	background:#3f3f3f url(../images/fd_news_body.jpg); color:#fff;
	width:350px;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
	padding:30px;
	border-left:1px solid #000}

#press_body{
	background-color:white;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
	padding:15px 0 15px 15px;
	display:inline;
	width:620px}

.press_imgs{display:none}

#alerts_body{
	background-color:white;
	color:black;
	width:300px;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
	padding:30px}

#news_body, #contacts_body , #credits_body {
	background:#3f3f3f url(../images/fd_news_body.jpg); color:#fff;
	width:315px;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
	padding:30px 0 30px 30px;
	border-left:1px solid #000}

#credits_body {
	width:330px;
}

#credits_body a {
	color: white;
	font-weight:bold;
}

#news_body_content, #contacts_body_content{width:283px}

#credits_body_content{width:300px}

.ie7{height:0;font-size:0;width:0;line-height:0;margin-top:-2px}

#page{height:100%;left:286px;top:0px;bottom:0px;right:0px;position:absolute}

#newsletter{font-size:0.9em;}

#newsletter_email{width:279px}

#newsletter_soumettre{text-align:right;width:283px}

#table_contact{width:100%}

#table_contact td{padding:2px}

#table_contact .labelle{text-align:right;width:80px}

#prenom, #nom, #email, #titre, #message, #newsletter_email{border:1px solid #000; width:190px; font-size:90%; color:#646464; font-family:Arial, Helvetica, sans-serif}

#message{height:140px}

#newsletter_email{width:100%; margin:6px 0 4px 0}

#galleries_body h4 {
	font-weight:bold;
	font-size: 1.2em;
}

.image {text-align:center;}

.div_legend{}



.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: hidden; 
  max-width: 100%;

  z-index: 2;

} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; 
}


#player_a{
	background: url("../images/screenVideoAccueil.jpg") no-repeat;
	background-size: contain;
	background-position: center center;
}