body{ background:#000 /*url(images/bg.jpg) no-repeat 0 287px*/; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; padding:0; margin:0;}
h1,h2,h3,h4 { margin:0; padding:0; color:#FFF;}
a{text-decoration: none; color:#FFF; outline:none;}
a:hover { color:#ff2934;}
#logo{ background:url(images/logo.png) no-repeat; height:69px; width:171px; margin:10px 0 0 10px;}

/*LANGUAGE*/
#lang{ position:absolute; left:707px; top:47px; width:120px;}
/*#lang a{ display:block; float:left; line-height:16px; padding-right:7px; margin-left:7px;}*/
/*.language_item a{ float:left; font-size:18px; font-weight:bold; margin:0 5px 0 5px; color:#c30005;}
.current_language_item a{ float:left; font-size:18px; font-weight:bold; color:#fff; margin:0 5px 0 5px;}*/
#qtrans_language_chooser { width:200px;}
#qtrans_language_chooser li { float:left; list-style:none;}
#qtrans_language_chooser .qtrans_flag_and_text {  display:block;}
#qtrans_language_chooser .qtrans_flag_en{ background:none; width:30px; font-size:18px; font-weight:bold; border-right:3px solid #5f5f5f; !important}
#qtrans_language_chooser .qtrans_flag_fr{ background:none; font-size:18px; font-weight:bold; !important}
#qtrans_language_chooser .qtrans_flag_and_text { padding-left:6px; !important}
/*#english{ background:url(images/lang_en.png) no-repeat; width:26px; 17px; text-indent:-9999px; border-right:3px solid #5f5f5f;}
#french{ background:url(images/lang_fr.png) no-repeat; width:26px; 17px; text-indent:-9999px;}*/

#nav ul{ float:left; padding:0; margin:50px 0 0 10px;}
#nav li{ width:200px; margin-bottom:6px; list-style:none;}
#nav li ul{ float:none; padding:12px 0; margin:0; display:none;}

/*OUR PRODUCTION*/
#our-production #nav li ul{ display:block;}
#our-production h3 {font-size:25px; font-weight:normal; color:#ff0028;}
#our-production h2 {font-size:20px; font-weight:normal; color:#ff0028;}
#our-production h3 span { color:#FFF;}
#our-production h2 span { color:#FFF;}
#our-production #whoBox h1{ background:url(images/title_nos-productions.png) no-repeat; width:198px; height:29px; }
#our-production #nav .services-nav_prod { color:#FFF;}

/*NOS PRODUCTION*/
#nos-productions #nav li ul{ display:block;}
#nos-productions h3 {font-size:25px; font-weight:normal; color:#ff0028;}
#nos-productions h2 {font-size:20px; font-weight:normal; color:#ff0028;}
#nos-productions h3 span { color:#FFF;}
#nos-productions h2 span { color:#FFF;}
#nos-productions #whoBox h1{ background:url(images/title_nos-productions.png) no-repeat; width:191px; height:29px; }
#nos-productions #nav .services-nav_prod { color:#FFF;}

/*POST PRODUCTION*/
#post-production #nav li ul{ display:block;}
#post-production #whoBox h1{ background:url(images/btn_post_Prod.png) no-repeat; width:189px; height:30px; text-indent:-9999px; margin-bottom:25px;}
#post-production #nav .services-nav_post { color:#FFF;}

/*EQUIPMENT & FACILITIES*/
#equipments-and-facilities #nav li ul{ display:block;}
#equipments-and-facilities #whoBox h1{ background:url(images/title_list-equpiments.png) no-repeat; width:248px; height:31px; text-indent:-9999px; margin-bottom:25px;}
#equipments-and-facilities #nav .services-nav_equip { color:#FFF;}

/*OUR WORK*/
#our-work #whoBox h1{ background:url(images/heading_our-work-fr.png) no-repeat; height:24px; width:188px;}
#our-work #whoBox { margin:30px 0 20px;}
#our-work #list-prod { color:#3954a5; margin:50px 0 0 0;}
#our-work #list-prod a { color:#3954a5; text-decoration:underline;}
.img-work { margin:20px 0 0 0;}

/*SERVICES*/
#services{ width:387px; margin-top:50px;}
#services h1{ background:url(images/TitF_whatwedo.png) no-repeat; width:203px; height:25px; text-indent:-9999px; margin-bottom:25px;}
.middle{ display:inline; margin-left:100px;}
#services a{ display:block; width:192px; height:83px; text-indent:-9999px; outline:none;  float:left;}
#serv_productions{ background:url(images/nos-productions.png) no-repeat;}
#serv_services{ background:url(images/nos-services.png) no-repeat;}
#serv_equipment{ background:url(images/services_liste.png) no-repeat;}
#serv_pr{ background:url(images/relation-publiques.png) no-repeat;}

/*PR & MEDIA RELATIONS*/
#pr-and-media-relations #nav li ul{ display:block;}
#pr-and-media-relations #nav .services-pr-rel { color:#FFF;}
#pr-and-media-relations #whoBox h1{ background:url(images/title_relations-publique-media.png) no-repeat; width:486px; height:23px; text-indent:-9999px; }
#pr-and-media-relations h2 {font-size:20px; font-weight:normal; color:#ff0028;}
#pr-and-media-relations h2 span { color:#FFF;}
#pr-and-media-relations #whoBox a{ text-decoration:underline;}

/*CONTACT US*/
#nous-joindre #whoBox h1{ background:url(images/title_nous-joindre.png) no-repeat; width:154px; height:33px}


/*FRENCH MAIN NAVIGATION*/
#nav li ul li{ margin:0; padding:0;}
#nav li ul li a{ color:#ed1d30; font-weight:bold; padding:0 0 0 10px; background:url(images/nav-arrow.png) no-repeat 0 5px; position:relative; left:10px; text-decoration:none;}
#nav li ul li a:hover{ color:#fff;}
#nav a{ display:block; height:27px; width:180px; outline:none;}
#nav a span{ display:block; text-indent:-9999px;}
#home-nav{ background:url(images/mNav_accueil.png) no-repeat 0px 2px;}
#work-nav{background:transparent url(images/mNav_realisations.png) no-repeat scroll 0px -2px;}
#work-nav:hover {background-position:0 -35px;}
#our-work #work-nav {background-position:0 -35px;}
#home-nav:hover {background-position:0px -23px;}
#services-nav{background:url(images/mNav-services.png) no-repeat 0 3px;}
#contact-nav{background:url(images/mNav_nousjoindre.png) no-repeat 0 3px;}
#services-nav:hover { background-position:0 -22px;}
#equipments-and-facilities #services-nav { background-position:0 -25px;}
#nos-productions #services-nav{ background-position:0 -22px;}
#post-production #services-nav{ background-position:0 -25px;}
#pr-and-media-relations #services-nav{ background-position:0 -25px;}
#contact-nav:hover{background-position:0 -22px;}
#nous-joindre #contact-nav{background-position:0 -22px;}
#accueil #home-nav {background-position:0px -23px;}

/*WORK THUMBNAILS*/
#all-thumb { margin:10px 0 0 70px;}
#thumb-corpo { background:url(images/corporate-fr.png) no-repeat 0px 0px; width:199px; height:81px; text-indent:-9999px; float:left; margin:5px; }
#thumb-corpo a{ width:199px; height:81px; display:block;}

#thumb-fashion { background:url(images/fashion-fr.png) no-repeat 0px 0px; width:199px; height:81px; text-indent:-9999px; float:left; margin:5px; }
#thumb-fashion a{ width:199px; height:81px; display:block;}

#thumb-doc { background:url(images/documentary-fr.png) no-repeat 0px 0px; width:199px; height:81px; text-indent:-9999px; float:left; margin:5px; }
#thumb-doc a{ width:199px; height:81px; display:block;}

#thumb-drama { background:url(images/drama-fr.png) no-repeat 0px 0px; width:199px; height:81px; text-indent:-9999px; float:left; margin:5px; }
#thumb-drama a{ width:199px; height:81px; display:block;}

#thumb-series { background:url(images/series-fr.png) no-repeat 0px 0px; width:199px; height:81px; text-indent:-9999px; float:left; margin:5px 0 0 120px;}
#thumb-series a{ width:199px; height:81px; display:block;}

.normal {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; padding:0; margin:0;}
#wrap{ width:572px; float:left; display:inline; margin:50px 0 0 35px}
#header-image{ background:url(images/home-header.jpg) no-repeat; width:571px; height:221px; position:relative;}/*header-home.jpg*/
#header-image a{ display:block; background:url(images/voir-la-demo.png) no-repeat; width:215px; height:29px; text-indent:-9999px; outline:none; position:absolute; top:225px; left:380px;}
#header-image-prod{ background:url(images/header-services.jpg) no-repeat; width:571px; height:221px; position:relative;}/*header-home.jpg*/
#header-image-prod a{ display:block; background:url(images/voir-la-demo.png) no-repeat; width:215px; height:29px; text-indent:-9999px; outline:none; position:absolute; top:225px; left:380px;}
#header-image-join{ background:url(images/join-us-header.jpg) no-repeat; width:571px; height:221px; position:relative;}/*header-home.jpg*/
#header-image-join a{ display:block; background:url(images/voir-la-demo.png) no-repeat; width:215px; height:29px; text-indent:-9999px; outline:none; position:absolute; top:225px; left:380px;}
#whoBox{ margin:50px 0 20px 0;}
#whoBox h1{ background:url(images/TitF_who.png) no-repeat; width:222px; height:23px; text-indent:-9999px; margin-bottom:25px;}
#whoBox p{ color:#FFF; line-height:16px;}
#footer{clear:left; text-align:center; padding:10px 0; /*margin-left:-180px;*/ }
#footer p{ margin-bottom:3px;}
#designBy{font-size:11px; color:#fff;}
#whoBox ul li{ margin:0 0 10px 0;}
