@charset "utf-8";



body {margin: 0; padding: 0; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #ffffff;  color: #000000; text-align: center; overflow:visible;}



.w8 #container {width: 1160px; background: #FFFFFF; margin: 0 auto; text-align: left; z-index:10;}



.w8 #logo {padding:0; margin:0;}



.w8 #header {position:relative; padding: 30px 0px 20px 0px; height:150px; text-align:center; margin-bottom:30px;}

.w8 #header ul {list-style:none; margin:30px 0px 0px 0px; padding:0;}

.w8 #header li {margin-left:16px; margin-right:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:14px;}

.w8 #header li a:link, .w8 #header li a:visited {color:#000000; text-decoration:none;}

.w8 #header li a:hover{background-color:#000000; color:#ffffff;}



.w8 #menu {width: 1000px; padding-left:234px;} /* padding-left:193px; */

.w8 #menudiv1{float:left; width:179px; padding:0; margin:0;} /* 200*/

.w8 #menudiv2{float:left; width:179px; padding:0; margin:0;} /* width:190px; */

.w8 #menudiv3{float:left; width:179px; padding:0; margin:0;} /* width:168px; */

.w8 #menudiv4{float:left; width:179px; padding:0; margin:0; margin-left:5px;}



.w8 #mainContent {position:relative; clear:both;}



.w8 h1{font-family:"Georgia", Times New Roman, Times, serif; font-size:23px; font-weight:100; margin:0; padding:0;}



.w8 h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:1em 0em 1em 0em; padding:3px 0px 3px 0px; background-color:#000000; color:#FFFFFF;}



.w8 p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:2em 0em 2em 0em; padding:0;}



.w8 #wrapper{width:720px; padding:0px 0px 0px 220px; margin:0;}



.w8 #job ul{margin-top:20px; margin-bottom:20px;}



.w8 #job li{margin-left:0px; margin-right:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;line-height:14px; }

.w8 #job a:link, .w8 #job a:visited{text-decoration:none; color:#FFF;}

.w8 #job a:hover{text-decoration:underline;}



.w8 #aboutleft{float:left; width:345px;}



.w8 #aboutright{float:right; width:345px;}



.w8 #aboutContact{clear:both;}



.w8 #aboutContact p{margin:0; padding:5px 0px 5px 0px;}



.w8 #aboutContact p a:link, .w8 #aboutContact p a:visited{color:#000000; text-decoration:none}



.w8 #aboutContact p a:hover{background-color:#000000; color:#FFFFFF;}



.w8 #aboutContactPresentation{background-color:#000000; color:#FFFFFF;}





/*.w8 #linksleft{float:left; width:250px; margin-left:110px;}

.w8 #linksright{float:right; width:250px; margin-right:70px;}

.w8 #links p{margin:0; padding:10px 0px 10px 0px;}

.w8 #links ul{list-style:none; margin:0; padding:0;}

.w8 #links li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:28px;}

.w8 #links li a:link, .w8 #links li a:visited {color:#000000; text-decoration:none;}

.w8 #links li a:hover {background-color:#000000; color:#ffffff;}*/



.w8 #linksleft{float:left; width:240px;}

.w8 #linksMiddle{float:left; width:240px;}

.w8 #linksright{float:right; width:240px;}

.w8 #links p{margin:0; padding:10px 0px 10px 0px;}

.w8 #links ul{list-style:none; margin:0; padding:0;}

.w8 #links li{margin-left:0px; margin-right:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;line-height:25px;}

.w8 #links li a:link, .w8 #links li a:visited {color:#000000; text-decoration:none;}

.w8 #links li a:hover {background-color:#000000; color:#ffffff;}





.w8 #form{margin:0; padding:0;}

.w8 #input{width:520px; margin-bottom:0px; border-width:1; border-style:solid; border-color:#fff;}

.w8 #textarea{width:520px; height:50px; margin-bottom:0px; border-width:1; border-style:solid; border-color:#fff;}

.w8 #contactTable{



  border-width:3px;

  border-style:solid;

  border-color:#000000; /* ff9900 */

  border-collapse:collapse;

}



.w8 #contactTable td{

  border-width:1px;

  border-style:solid;

  border-color:#000000; /* ff9900 */

  border-collapse:collapse;

}

input:hover, input:focus{background-color:#FFFFCC; border-width:1; border-style:solid; border-color:#CCCCCC;}

textarea:hover, textarea:focus{background-color:#FFFFCC; border-width:1; border-style:solid; border-color:#CCCCCC;}

input.button{background-color:#000; border-width:0; color:#FFFFFF; height:20px;};

input.button2{background-color:#000; color:#FFFFFF; border-width:0;}



/*.w8 #fltL{float:left; width:200px; border:0px solid #000000;}



.w8 #fltR{float:left; width:520px; border:0px solid #000000;}



.w8 #formItem{widows:720px;}



.w8 #inputSingle{padding:0; margin:0; height:20px;}



input:hover{background-color:#FFFFCC;}



textarea:hover{background-color:#FFFFCC;}



*/



.w8 #clientsLeft{float:left; width:240px;}

.w8 #clientsMiddle{float:left; width:240px;}

.w8 #clientsRight{float:right; width:240px;}

.w8 #clientsLeft ul, .w8 #clientsMiddle ul, .w8 #clientsRight ul{list-style:none; margin:0; padding:0;}

.w8 #clientsLeft li, .w8 #clientsMiddle li, .w8 #clientsRight li{margin-left:0px; margin-right:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;line-height:14px;}



.w8 #briefLeft{background-color:#666059; color:#FFFFFF;}

.w8 #briefLeftHighlight{background-color:#8E867C; color:#FFFFFF;}



.w8 #people, .w8 #contact, .w8 #news, .w8 #brief {margin:0;padding:0;}



.w8 #peopleTag{position:absolute; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:3px;width:44px; height:44px;  }

/*.w8 #peopleTag a:link, .w8 #peopleTag a:visited{color:#000000; text-decoration:none; background-image:url(../images/w8_face_tag.png); background-repeat:no-repeat; background-position:top;}

.w8 #peopleTag a:hover{color:#000000; text-decoration:none; background-image:url(../images/w8_face_tag.png); background-repeat:no-repeat; background-position:bottom;}*/



.w8 #peopleTag:hover{color:#000000; text-decoration:none; border:2px #FFFFFF solid;width:44px; height:44px; cursor:default;}



.w8 #people p, .w8 #contact p, .w8 #news p, .w8 #brief p{font:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:5px 0px 5px 0px;}



.w8 #people p a:link, .w8 #people p a:visited, .w8 #contact p a:link, .w8 #contact p a:visited, .w8 #news p a:link, .w8 #news p a:visited, .w8 #brief p a:link, .w8 #brief p a:visited{color:#000000;text-decoration:underline;}



.w8 #people p a:hover, .w8 #contact p a:hover, .w8 #news p a:hover, .w8 #brief p a:hover{color:#FFFFFF;background-color:#000000;}



.w8 #area51pic{width:520px; margin-top:20px; margin-bottom:20px; position:relative;}



.w8 #search{} /* margin-left:250px; padding-left:460px; position:absolute; right:0; top:3px; */



.w8 #searchInput{background-color:#ffffff; border-width:1; border-style:solid; border-color:#CCCCCC; color:#000000; height:16px; width:150px;}



.w8 #searchInput:hover, .w8 #searchInput:focus{background-color:#000000;color:#FFFFFF}



/*.w8 #searchButton{background-color:#000000; border-width:0; color:#ffffff; height:20px; width:50px; font: bold 84% 'trebuchet ms',helvetica,sans-serif;}*/



.w8 #searchButton{background-image:url(../images/search.gif); background-position:top; background-repeat:no-repeat; width:57px; height:22px; border:0; cursor:pointer;}



.w8 #searchButton:hover{background-image:url(../images/search.gif); background-position:top; background-repeat:no-repeat; width:57px; height:22px; border:0; cursor:pointer; }





.w8 #portfolio{width:658px; height:370px; padding-left:250px; position:relative;	z-index:0}



.w8 #searchContact a:link, .w8 #searchContact a:visited{color:#000000; text-decoration:underline}

.w8 #searchContact a:hover{background-color:#000000; color:#FFFFFF; text-decoration:none;}



/*.w8 #portfolioInfo{position:absolute; z-index:10; bottom:0; left:0; width:648px; height:30px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:10px 0px 10px 10px; text-align:right;}*/



.w8 #portfolioInfo{width:638px; height:30px; background-color:#000000; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:3px 10px 3px 10px; text-align:left; margin-left:250px;}



.w8 #portfolioInfo h1{padding:0px 0px 3px 0px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}



.w8 #portfolioInfo p{padding:0;margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}



.w8 #portfolioList{margin:0;padding:0;width:221px; height:580px; float:left; text-align:right; position:absolute; overflow:hidden;margin-top:-230px;z-index:100;}



.itemon {background-color:#000000; color:#ffffff;cursor:pointer}

.itemoff {background-color:#ffffff; color:#000000;cursor:pointer}



.w8 #portfolioList ul{list-style:none; margin:0; padding:0;width:221px;}

.w8 #portfolioList li{font-family:"Georgia", Times New Roman, Times, serif; font-size:23px; font-weight:100; line-height:28px;width:221px; cursor:pointer;}





/* .w8 #portfolioList li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; line-height:28px;} */



.w8 #portfolioList li a:link, .w8 #portfolioList li a:visited {color:#000000; text-decoration:none;}



.w8 #portfolioList li a:hover {color:#ffffff;}



.w8 #portfolio_mask_top{position:absolute; top:0; left:0; width:221px; height:29px;}



.w8 #portfolio_mask_bottom{position:absolute; bottom:0px; left:0px; width:221px; height:29px;}



.w8 #portfolioTotal{width:658px; height:30px; margin:0px 0px 0px 250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:7px; letter-spacing:0px; position:relative;}



.w8 #portfolioTotal a:link, .w8 #portfolioTotal a:visited{color:#000000; text-decoration:none;}



.w8 #portfolioTotal a:hover{background-color:#000000; color:#ffffff;}

.w8 #philippe a{position:absolute; top:0px; left:235px; width:170px; height:112px; display:block; background-image:url(../images/heart4Phil_en.png); background-repeat:no-repeat; background-position:top; z-index:100;} /* right:290px; */

.w8 #recruiting a{position:absolute; top:0px; right:235px; width:120px; height:113px; display:block; background-image:url(../images/recruiting.png); background-repeat:no-repeat; background-position:top; z-index:100;} /* right:290px; */



.w8 #recruiting a:hover {background-image:url(../images/recruiting.png); background-repeat:no-repeat; background-position:bottom; text-decoration:none;}



.w8 #filter {position:absolute; top:145px; left:412px; width:15px; height:59px; display:block; background-image:url(../images/filterby.gif); background-repeat:no-repeat; background-position:top; z-index:100;}



.w8 #download a{position:absolute; top:0px; left:480px; width:207px; height:47px; display:block; text-decoration:none; background-image:url(../images/showcase_download.png); background-repeat:no-repeat; background-position:top; z-index:100;}



.w8 #download a:hover {background-image:url(../images/showcase_download.png); background-repeat:no-repeat; background-position:bottom; text-decoration:none;}



.w8 #wrapperStudios{width:550px; text-align:center; padding-left:305px;}



.w8 #wrapperStudios1{width:550px; height:133px; margin:5px 0px 5px 0px;}



.w8 #studiosLeftImage{float:left; width:200px; height:133px;}



.w8 #studiosRightImage{float:right; width:200px; height:133px;}



.w8 #studiosMiddleText{float:left; width:150px; height:133px;}



.w8 #studiosMiddleText p {margin:0; padding:40px 0px 0px 0px;}



.w8 #studios a:link, .w8 #studios a:visited {color:#000000; text-decoration:none;}



.w8 #studios a:hover {background-color:#000000; color:#ffffff;}



.w8 #footer {clear:both; padding: 0 10px; text-align:center;}



.w8 #footer p {margin: 0; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #000000;}



.w8 #footer a:link, #footer a:visited {color:#000000; text-decoration:none;}



.w8 #footer a:hover {background-color:#000000;color:#ffffff;}



.w8 #bottomMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}



div#wn{position:relative; width:221px; height:580px; overflow:hidden;}

/*.w8 #portfolioList{width:221px; height:370px; float:left; text-align:right; position:relative; overflow:hidden}*/





/* bat part */

#loading_trans

{

	position:absolute;

	z-index:200;

	display:none;

	background:#FFFFFF;

	opacity:0.7;

	filter:alpha(opacity=70);

	-moz-opacity: 0.7;

	width:658px;

	height:370px; 

	left:250px;

	text-align:center;

}



table.pop_dialog_table {

	border-collapse:collapse;

	direction:ltr;

	margin:auto;

	table-layout:fixed;

	width:285px;

}



td.pop_topleft 

{

	background:transparent url(../images/pop-dialog-sprite.png); no-repeat scroll 0 0;

	filter:alpha(opacity=70);

}



td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright {

	height:10px;

	overflow:hidden;

	padding:0 !important;

	width:10px !important;

}



td.pop_top, td.pop_bottom 

{

	background:transparent url(../images/pop-dialog-sprite.png) repeat-x scroll 0 -40px;

	filter:alpha(opacity=70);

}



td.pop_topright

{

background:transparent url(../images/pop-dialog-sprite.png) no-repeat scroll 0 -10px;

filter:alpha(opacity=70);

}



td.pop_side {

background:transparent url(../images/pop-dialog-sprite.png) repeat-y scroll -10px 0;

filter:alpha(opacity=70);

}



td.pop_side

{

background:transparent url(../images/pop-dialog-sprite.png) repeat-y scroll -10px 0;

filter:alpha(opacity=70);

}



td.pop_bottomleft {

background:transparent url(../images/pop-dialog-sprite.png) no-repeat scroll 0 -20px;

filter:alpha(opacity=70);

}



td.pop_bottomright {

background:transparent url(../images/pop-dialog-sprite.png) no-repeat scroll 0 -30px;

filter:alpha(opacity=70);

}

/* bat part*/