/* *** BODY *** */

body{
    margin:0 auto;
    background-color:#000;
    font-family: Tahoma, Geneva, sans-serif;
    color:#FFF;
    font-size:12px;
}

a{
    text-decoration: none;
}

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

h3{
	background-color:#111;
	font-size:13px;
	font-weight: bold;
	color:#f7ac6b;
	padding:5px 8px;
	margin:0;
}

/* *** MAIN *** */

#main{
    margin:0 auto;
    height:690px;
    width:1010px;
    background: url(../img/background-full.jpg) no-repeat;
    border:#111 solid 0px;
}


/* *** HEADER *** */

#header{
    height:85px;
    width:1010px;
    color:#CCC;
    clear:both;
	border:#333 solid 0px;
}

#logo{
    height:75px;
    margin: 5px 5px 5px 50px;
    float:left;
}

#logo img{
    height:75px;
}

#logo a img, #logo a{
	border:none;
	text-decoration:none;
}

#main-menu {
    color:#CCC;
    float:left;
	border: solid 0px #333;
    margin:35px 0 0 23px;
}

#main-menu ul {
    margin:0px;
    list-style-type: none;
    display: inline;
    float:left;
}

#main-menu li{
    display: inline;
    color: #FFF;
    float:left;
    margin-right:49px;
    font-size:14px;
}

#main-menu ul li a span.item-top {
    color:#736d6f;
}

#main-menu ul li.hover span.item-top, #main-menu ul li a:hover span.item-top{
    color:#b9683b;
}

#main-menu ul li a span.item-bottom {
    color:#b0acad;
}

#main-menu ul li.hover span.item-bottom, #main-menu ul li a:hover span.item-bottom {
    color:#f7ac6b;
}

.hide { display: none; }



/* *** MAIN PAGE ANNIVERSARY *** */

#title_main{
	font-size:13px;
	letter-spacing:-0.5px;
	color:#FFF;
}

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_main{
	margin:15px 25px 0 0;
	float:right;
}

#scroll_pane_main{
	line-height: 1.6;
	margin-right:0px;
	height:385px;
	width:300px;
	overflow: auto;
	padding-right:15px;
	text-align:justify;
	color:#AAA;
	font-size:10px;
}


/* *** CONTENT *** */

#content{    
    width:1010px;
    height:535px;
    overflow: hidden;
	position:relative; 
    clear:both;
	border: solid 0px green;
}




/*--- submenu ---*/

#container-submenu{
	margin-left:190px;
	height:65px;
	border: solid 0px #333;
	clear: both;
	position: relative;
}

#container-submenu-commercial{
	margin-left:150px;
	height:65px;
	border: solid 0px #333;
	clear: both;
}

#sub-menu {
    margin:5px 0 0 0px;
    width:1000em;
	border: solid 0px #383;
	height:50px; 
	float:left;
	position:absolute;
}

#container-submenu-visible{
	height:45px;
	width:670px;
	float: left;
	overflow: hidden;
	border: solid 0px #333;
	position: relative;
}

#container-submenu-visible.commercial{
	width:625px;
}

#container-submenu-vfx {
	height:45px;
	margin-left:190px;
	width:775px;
	float: left;
	border: solid 0px #333;
	clear: both;
}

#sub-menu ul {
    margin:0;
	padding:15px 0 15px 0;
	float:left;
    display: inline;
	border: solid 0px #333;
	/*position: absolute;*/
}

#sub-menu li {
    display: inline;
    margin:0 5px;
	border: solid 0px #333;

}

#sub-menu li a{
    color:#b0acad;
    padding:0 5px;
}

#sub-menu li :hover, #sub-menu ul li.current a{
    color:#f7ac6b;
}

/*--- submenu commercial ---*/
#sub-menu-commercial {
    margin:5px 20px 0 25px;
    padding:0;
    width:80px;
	float: left;
}

#sub-menu-commercial ul {
    margin:0;
    padding:0;
   /* display: inline; */
}

#sub-menu-commercial ul li, #sub-menu-commercial ul li a{
    color:#b0acad;
	text-align:right;
	height:18px;
	display: block; 
}

#sub-menu-commercial ul li a:hover, #sub-menu-commercial ul li.current a.button_menu_bk{
    color:#f7ac6b;
	display: block; 
}

#sub-menu-commercial ul li a:hover.button_menu_bk, #sub-menu-commercial ul li a.button_menu_bk_hover{
	/* color:#f7ac6b; */
	color:#B9683B;
	/* display: list-item; */
}

.fleche_year{
	border: solid 0px #F33;
	height:45px;
	width:30px;
	float: left;
}

.fleche_year img{
	border: solid 0px #333;
	height:25px;
	cursor: pointer;
	margin:15px 0 0 0px;
	border: solid 0px #333;
}

#container-slide {
	position: relative;
	overflow: hidden;
	/*background:#5CC;*/
	border: solid 0px #339;
	height:475px;
	width:auto;
}

/*--- details item ---*/
#content-scrolable{
    height:425px;
    width:2000em;
    border: #333 solid 0px;
    position:absolute;
	clear: both;
}


/* --------- SLIDER ------------ */
.slide {
  position: relative;
  height:450px;
  width:1005px;
  border: blue solid 0px;
}    

#slider{
	height:25px;
	clear: both;
	border: solid 0px orange;
}

#bt-slide-left{
	background: url(../img/chevron-g.png) no-repeat 25% 25%;
	height:25px;
	width:35px;
	float: left;
	cursor: pointer;
}

#bt-slide-right{
	background: url(../img/chevron-d.png) no-repeat 25% 25%;
	height:25px;
	width:35px;
	float: right;
	cursor: pointer;
}

#container_scrollable{
	border: solid 0px #CCC;
	height: 150px;
	width: auto;
	height: auto;
	float:left;
}

/* --------- SLIDER end------------ */

/* --------- SLIDER end------------ */

.player-flv{
	width:auto;
	margin:0px 0 0 90px ;
	float:left;
	border: solid 0px #333;
}

.player-flv-demoreel{
	height:450px;
	width:500px;
	margin:0px 0 0 50px ;
	text-align: center;
	float: left;
	border: solid 0px #333;
}

#text-player{
	max-height:380px;
	margin:15px 45px 0 35px ;
	font-size:11px;
	color:#aaa;
	width:285px;
	text-align: justify;
	overflow:auto;
	float:right;
	border:solid 0px #333;
}


/* ---------  VISUAL EFFECT --------------------- */


#horizontal-list.commercial {
	margin:40px 0 0 45px;
	height:375px;
	border: solid 0px #FCC;
}

#horizontal-list.vfx{
	margin:20px 0 0 45px;
	height:425px;
	border: solid 0px #FCC;
}

#horizontal-list ul{
	margin:0;
	padding:0;
	float:left;
	border: solid 0px #1F5;
}

#horizontal-list li{
	display: inline;
	margin-right:15px;
	width:240px;
	float: left;
	border: solid 0px #5CE;
}

#horizontal-list li div.image_commercial{
	width:240px;
	height: 192px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background:#000;
	border: solid 1px #333;
}

#horizontal-list li div.image_vfx{
	width:240px;
	height: 317px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background:#000;
	border: solid 1px #333;
}

#horizontal-list li .image_commercial a img, #horizontal-list li .image_commercial img{
	width:240px;
	max-height:188px;
	border: none;
}

#horizontal-list li .image_vfx a img, #horizontal-list li .image_vfx img{
	width:240px;
	max-height:317px;
	border: none;
}

#horizontal-list ul li .element span.title, #horizontal-list ul li .element span.infos span.title{
	color:#736d6f;
	font-size:14px;
	letter-spacing: -0.5px;
	margin-top:15px;
	display:block;
}

#infos_com{
	margin-top:15px;
	font-size:10px;
	font-stretch: condensed;
	color:#333;
	display:block;
}

#horizontal-list ul li .element .infos, #horizontal-list ul li .element .infos_over{
	font-size:10px;
	font-stretch: condensed;
	color:#333;
}

/* ---------  VISUAL EFFECT DETAIL --------------------- */
#item-presentation{
	width:auto;
   /* width:465px;
	width:auto;*/
	height: auto;
    color:#b0acad;
    font-size:10px;
    float: left;
    border: #333 solid 0px;
    margin:0px 10px 0px 65px;
}

#item-presentation p{
	margin-top:0;
	padding-top:0;
}

#item-img{
    margin-bottom:15px;
	width:170px;
    border: #333 solid 0px;
}

#item-img img{
	width:170px;
}

#item-title{
    float:left;
    border: #333 solid 0px;
}

#item-description{
    width:265px;
    float:right;
	/*overflow: auto;*/
	height: 415px;
	overflow: hidden;
	border: solid 0px #CCC;
}

#item-description-alt{
    width:265px;
	height: 415px;
	overflow: hidden;
	border: solid 0px #CCC;
}

#item-description-text{
	text-align: justify;
	height:375px;
	border: solid 0px #CCC;
	overflow: hidden;
	/*overflow: auto;*/
	padding-right:11px;
	letter-spacing:-1px;
	border: solid 0px #CCF;
	
	/*
	-moz-column-width: 200px;
    -webkit-column-width: 200px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
	 */
}

.button_bk, .button_bk a{
	background-color:#111;
	color:#fff;
	border: solid 1px #222;
/*	float: left; */
	cursor: pointer;
/*	font-weight: bold;*/
	padding:3px 5px;
	margin-top:10px;
}

.button_orange {
	background-color:#111;
	color:#b9683b !important;
	display:block;
	text-align:center;
	border: solid 1px #222;
	cursor: pointer;
	padding:2px 5px;
	min-width:65px;
	float: left;
	margin:0px 0 0 0px;
}

.button_orange a, .button_orange a:hover{
	color:#b9683b !important;
	text-decoration:none;
}

#container-img-text{
    width:180px;
    float:left;
    margin-right:10px;
}

.jScrollPaneContainer{
	margin:0 0px;
}

#item-gallery{
    float:left;
    height:400px;
    width:auto;
    border: #F33 solid 0px;
}

.gallery-col{
    width:165px;
    height:400px;
    float: left;
    margin-right:12px;
}

#item-gallery div.image{
    height:122px;
    display: table-cell;
    width: 162px;
    text-align: center;
    vertical-align: middle;
	background-color:#000;
	border: #555 solid 1px;
}

#item-gallery div.image img{
    border: #b0acad solid 0px;
	max-width:160px;
	max-height:120px;
}

.color-item-top{
    color:#af711a;
    font-size:14px;
	letter-spacing: -0.5px;
	font-stretch: condensed;
}

.color-item-bottom{
    color:#e4b15e;
    font-size:11px;
	letter-spacing:-0.3px;
}

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_prod_note{
	margin:20px 0 0 25px;
	float:left;
}

#scroll_pane_prod_note{
	width:650px;
	height:350px;
	/* attention colonnes non pris en charge par tous les navigateurs */
	
	-moz-column-width: 300px;
    -webkit-column-width: 300px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;	
	
	line-height:1.4;
	color:#ddd;
	padding-right:15px;
	text-align: justify;
	font-size:10px;
	overflow: auto;
	border:solid 0px #333;
}



/* ---------  ANIMATION ------------------ */

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_anim{
	margin:0px 45px 25px 35px ;
	float:right;
	border: solid 0px #333;
}

#scroll_pane_anim{
	height:380px;
	width:285px;
	color:#aaa;
	font-size:11px;
	float: right;
	text-align: justify;
	line-height:1.55;
	padding-right:15px;
	border: solid 0px #333;
}

#anim_past_works a{
	text-decoration:none;
	color:#B9683B;
	background:#111;
	border: solid 1px #222;
	padding:3px 10px;
	font-size:11px;
	/*font-weight:bold;*/
	float: right;
	margin-right:75px;
	margin-top:10px;
	margin-bottom:15px;
}

#anim_past_works a:hover{
	color:#F7AC6B;
}

/* ---------  PAGES STATIQUES ------------------ */

.container_static_page{
	height: 485px;
	clear: both;
	color:#aaa;
	font-size:11px;
	border: solid 0px #333;
	margin:25px 75px 30px 125px;
}

.container_static_page a{
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	font-weight: normal;
}

/* ---------  LABORATORY --------------------- */

.logo_bmac{
	border: solid 0px #333;
	margin-bottom: 12px;
}


.soustitre_bmac
{
    font-size: 13px;
    color: #f7ac6b;
	font-weight: bold;
    /*letter-spacing:-0.5px;*/
}



.illus_bmac{
	height:auto;
	width:auto;
	margin:30px 25px 10px 0;
	float: left;
	border: solid 0px #333;
}

.cadre_texte_bmac{
	width:400px;
	text-align: justify;
	margin-top:0px;
	float: left;
	border: solid 0px #333;
}

.cadre_texte{
	float: left;
	border: solid 0px #333;
}

#cadre_texte_bmac{
	float: left;
	width:450px;
	border: solid 0px #333;
}

#cadre_texte_bmac ul{
	padding-left:10px;
	padding-top:0px;
	margin:0;
	border: solid 0px #333;
}

#cadre_texte_bmac li{
	padding-bottom:3px;
	padding-top:0px;
}

.cadre_texte ul{
	list-style-type:square;
    margin: 0;
	padding: 0 15px;
}

.title_txt_bmac{
	font-weight: bold;
	color: #FFF;
}

.lien_blanc
{
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------  PRODUCTION --------------------- */

.logo_angelfine{
	border: solid 0px #333;
	float:left;
	margin-bottom: 12px;
}

.illus_angelfine{
	height:auto;
	width:auto;
	margin:25px 20px 0px 0;
	border: solid 1px #777;
	float: left;
}

.container_img_angelfine{
float: left;
border: solid 0px #777;
float:left;
}

.angelfine_text_petit{
	font-size:10px;
	margin-top:5px;
	color:#555;
	float: left;
}

.cadre_texte_angelfine{
	height:350px;
	width:520px;
	margin-top:25px;
	float: left;
	padding-right:15px;
	border: solid 0px #333;
	overflow:auto;
	line-height:1.4;
}

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_angelfine{
	margin-top:25px;
	float: left;
}

#scroll_pane_angelfine{
	height:350px;
	width:520px;
	float: right;
	line-height:1.4;
	padding-right:15px;
	overflow:auto;
	border: solid 0px #333;
}

.menu_angelfine{
	float:right;
	color:#f7ac6b;
	font-size:12px;
	margin-top:10px;
}

.menu_angelfine ul{
	display:inline;
	color:#AAA;
}

.menu_angelfine ul li {
	display: inline;
	margin-right: 20px;
	text-decoration: none;
}

.menu_angelfine ul li .current_part{
	color:#f7ac6b;
}

/* ---------  R & D --------------------- */

#container_left_rnd{
	width:410px;
	float: left;
	border: solid 0px #333;
}

.illus_rnd{
	margin:30px 20px 20px 0;
	float: left;
	border: solid 0px #333;
}

.title_rnd{
	font-size:27px;
	letter-spacing:-0.5px;
}

/*.cadre_texte_rnd{*/
/*	height:400px;*/
/*	width:200px;*/
/*	margin-top:75px;*/
/*	float: right;*/
/*	padding-right:15px;*/
/*	border: solid 1px #333;*/
/*	overflow:auto;*/
/*}*/

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_rnd{
	margin-top:75px;
	float:right;
}

#scroll_pane_rnd{
	height:400px;
	width:350px;
	text-align:justify;
	float: right;
	padding-right:15px;
	border: solid 0px #333;
}


/* ---------  ABOUT US --------------------- */

.container_img_location{
	width:360px;
	margin:40px 40px 30px 0;
	font-size:13px;
	float: left;
	border: solid 0px #CCC;
}

.container_img_location  a:hover .img_location {
	text-decoration: none;
	border: solid 2px #f7ac6b;
	font-size:13px;
}

.img_location{
	border: solid 2px #000;
	height:150px;
	width:200px;
	margin-right:15px;
	background-color:#000;
	float: left;
}

.title_location{
	color:#CCC;
	height:15px;
	display: block;
	font-weight:bold;
	padding-bottom:5px;
}

.texte_location{
	font-size:11px;
	letter-spacing:-0.5px;
	display: block;
}

a span.container_img_location .map a {
	text-decoration: none;
	color:#fff;
}

.menu_about_us {
	float:right;
	color:#f7ac6b;
	/*margin:23px 82px 0 0;*/
	margin:23px 25px 0 0;
}

.menu_about_us ul li {
	display: inline;
}

.menu_about_us ul li a {
	margin-right: 20px;
	text-decoration: none;
	font-size:13px;
	color:#CCC;
}

.menu_about_us ul li a.current_part{
	color:#f7ac6b;
}

.container_texte_loc{
	float:left;
	width:405px;
	line-height:1.5;
	margin:35px 0 0px 0;
	border: solid 0px #CCC;
}

#bt_back_location{
	float:right;
	margin:0px 50px 35px 0px;
}

.frise_img_bas{
	height:180px;
	background:#000;
	width:3000px;
}

.frise_img_bas img{
	height:180px;
	border:none;
	margin:0;
}

.lien_back_location{
	color:#f7ac6b;
	float: right;
	display: block;
	text-decoration:none;
}

.link_mail, a.link_mail {
	text-decoration:none;
	color: #FFF;
}

 a:hover.link_mail{
	color:#F7AC6B !important;
}

.text_decale{
	padding-left:15px;
}

/* *** JOBS *** */


#content-job a, #content-job a:hover{
	color:#fff;
	text-decoration:none;
}

/* permet de contenir la div jScrollPaneContainer cree a la volee par le js */
#container_pane_job{
	margin-top:15px;
}

#scroll_pane_job{
	width:800px;
	height:465px;
	text-align:justify;
	padding-right:15px;
	border: solid 0px #333;
}


/* *** BOTTOM *** */

#bottom {
    font-size:13px;
    color:#736d6f;
	height:60px;
    text-align: right;
    padding-top:8px;
	border: solid 0px #CCC;
}

#bottom ul {
    margin:15px 0 0 0;
    padding:0;
	border: solid 0px #CCC;
}

#bottom ul a{
    margin-right:20px;
    color:#736d6f !important;
}

#bottom ul a:hover, #bottom ul li.hover a {
	color:#b9683b !important;
}

#bottom ul li {
    display: inline;
    margin:0px 10px;
}