@charset "utf-8"; /* CSS Document */ 
*	{margin:0; padding:0}
a img, fieldset	{border:none}
body	{ text-align:center; padding:0; margin:0; font-family:Helvetica, Arial, sans-serif; color:#333; font-size:14px; line-height:24px}
a em {display:none;}
a, a:active	{color:#E60012; text-decoration:none}
a:hover	{text-decoration:underline}
#all	{margin:0 auto; padding:0 0 0 0; text-align:left; width:900px}
/*start main content*/ 
#allcontent	{margin:0 auto; position:relative; width:900px; height:auto}
#allcontent.flash {width:100%;}
#background-main	{background:none;margin:0 0 -10px 0;min-height:282px; height:auto;width:100%;}
#background-main.flash {text-align:left;background:#f0c0c0;width: 100%;}
#background-main img{margin-left: 40px;}
#background-main #home_flash {width: 100% !important;}
#background-main #myflash {height:40px;margin-bottom: 20px;}
#background-main #myflash img {margin-left: -20px;}
#comimg {display: block;height: 270px !important;}
#mainaccueil{position:relative; margin:auto; width:900px;}
#subcontent_wrap {width:100% !important;background:#FFFFFF url(../img/backgroundBAS.jpg) no-repeat top center;margin-top: 3px;padding-left: -15px;min-height: 30px;}

#subcontent	{width:900px;  margin:0 auto; position:relative; min-height:300px; height:500px !important; text-align:left;top:-50px;}
/*start menu*/ 
#menu	{width:900px; position:relative; height:91px; margin:0 auto; padding:0 0 0 20px; font-size:16px; text-transform:uppercase; }
#logo	{width:193px; height:44px; background:url(../img/logo_trinity.gif) no-repeat; position:relative; top:30px}
#logo a, #logo a:active	{width:
193px; height:44px; position:relative}
#logoprint{display:block}
#logo:hover	{cursor:pointer}
a #logo em{display:none}
#notitle{display:none}
/*end menu*/ 
/*include content network*/ 
a.cosmit	{display:none; position:absolute; top:78px; left:849px; width:80px; height:auto; background:url(../img/cosmit.gif) no-repeat 0 -16px; height:16px}
a.tangerine	{display:none; position:absolute; top:129px; left:52px; width:169px; height:auto; background:url(../img/tangerine.gif) no-repeat 0 -16px; height:16px}
#networkcontent	{height:50px;margin-left: -50px;}
#menuitaly	{display:none; position:absolute; top:184px; left:280px; width:169px; height:auto}
#menutrinity	{display:none; position:absolute; top:148px; left:640px; width:169px; height:auto}
#menuitaly a, #menuitaly a:active, #menutrinity a, #menutrinity a:active	{position:absolute; left:0}
a.net_trinity:hover, a.net_tool:hover, a.net_onami:hover, a.net_barbara:hover, a.net_eagle:hover, a.net_neobrace:hover, a.cosmit:hover, a.tangerine:hover	{background-position:0 0 !important;}
a.net_trinity	{background:url(../img/ita_trinity.gif) no-repeat 0 -16px; width:169px; height:16px; top:0}
a.net_tool	{background:url(../img/ita_totaltool.gif) no-repeat 0 -16px; width:169px; height:16px; top:24px}
a.net_onami	{background:url(../img/ita_onami.gif) no-repeat 0 -16px; width:169px; height:16px; top:48px}
a.net_barbara	{background:url(../img/ita_barbara.gif) no-repeat 0 -16px; width:169px; height:16px; top:72px}
a.net_eagle	{background:url(../img/trinity_eagle.gif) no-repeat 0 -16px; width:169px; height:16px; top:4px}
a.net_neobrace	{background:url(../img/trinity-neobrace.gif) no-repeat 0 -16px; width:169px; height:16px; top:28px}
.network_company {margin-top: -220px;}
.network_company strong	{}
.network_company img	{position:absolute;  left:0; width: 50px; }
.network_company p	{margin-left:146px;margin-bottom: 20px;}
.network_company	{width:900px; margin-left:15px; min-height:161px; height:auto; top:34px; position:relative; text-align:left; }


#tangerine	{display:block;top:0}
#trinity_milan	{display:block;top:150px;position: absolute}
#eagle_matrix	{display:block;top:268px;position: absolute}
#neobrace	{display:block;top:382px;position: absolute}
#cosmit	{display:block;top:495px;position: absolute}
#onami	{display:block;top:610px;position: absolute}
#anna_barbara	{display:block;top:730px;position: absolute}
#total_tool	{display:block;top:870px;position: absolute}

/*******COMPANY PROFILE******/
address	{font-style:normal; margin:0}
#company-profile	{left:20px; top:35px; position:relative; width:300px; min-height:360px; height:auto; text-align:left;}
#company-profile2	{left:365px; top:80px; position:absolute; width:300px; min-height:320px; height:auto; text-align:left;}
#company-profile3	{left:650px; top:80px; position:absolute; width:220px; min-height:320px; height:auto; text-align:left;}
#directions	{left:165px; top:69px; position:relative; width:180px; min-height:390px; height:auto; text-align:left}
/******ACTIVITIES********/
#activities	{top:24px; position:relative; text-align:left; margin-left: 20px;}
#casestudies	{left: -5px;top:20px; position:relative; width:900px; padding-bottom:20px; height:auto; text-align:left;font-size:13px; }
#casestudies2 {font-size:13px;padding-top: 20px;margin: 0 0 40px 20px;}
#casestudies2 p {margin: 0 0 30px 0;}
#casestudies2 img {margin-top: -20px;}
#acti_research, #acti_development, #acti_communication {float:left; width: 265px;margin: 24px 40px 0 0;}
#acti_communication {margin-right:0;}
.go1 em, .go2 em, .go3 em {display:none;}
.go1{ display:block; background:url(../img/case_go1.png) 0 -15px no-repeat; width:14px; height:15px; float:left;margin:-2px 2px 0 2px;}
.go2{ display:block; background:url(../img/case_go2.png) 0 -15px no-repeat; width:18px; height:15px; float:left;margin:-2px 2px 0 2px;}
.go3{ display:block; background:url(../img/case_go3.png) 0 -15px no-repeat; width:18px; height:15px;float:left;margin:-2px 2px 0 2px;}
span.go1, span.go2, span.go3 {background-position:0 -1px !important;}
.go1:hover,.go2:hover,.go3:hover, .go1:active, .go2:active, .go3:active{ background-position:0 -1px !important}
.caselinks1{ font-size:15px; line-height:30px; padding: 0 10px 0 0; border-right:1px solid #999999;}
.caselinks{ font-size:15px; line-height:30px; padding: 0 0 0 10px;}


/*HOMEPAGE*/ 

div h2	{text-transform:uppercase; color:#E60012; font-size:13px; line-height:30px; letter-spacing:2px}
#accueil_vision p, #accueil_activities p, #accueil_network p	{margin-top:14px}
#accueil_vision, #accueil_activities, #accueil_network {position:absolute; width:272px; text-align:left; color:#333333}
#accueil_vision	{left:15px; top:24px}
#accueil_activities	{left:324px; top:24px}
#accueil_network	{left:630px; top:24px}
/*salone*/
#accueil_salone {position:absolute; width:800px; text-align:left; color:#333333; left:15px; top:120px}

/*RESEARCH*/ #acti_research	{left:168px; top:180px}
#acti_development	{left:479px; top:180px}
#acti_communication	{left:791px; top:180px}
#activities_research	{position:absolute; left:20px; top:24px; text-align:left; line-height:24px}
/*VISION*/ 
#vision	{position:absolute; width:900px; min-height:450px; top:24px; margin-left: 20px; text-align:left}
#vision ul	{margin-left:20px}
#vision p	{margin-top:18px}
/***************HEADERS*********/

.h1_activities,.h1_vision ,.h1_company,.h1_network,.h1_developpement,.h1_communication,.h1_research	{ font-size:17px; width:200px; height:20px; color:#CC0000}	
.h1_network{position:absolute;left:60px;top:-30px;}
.h2_address	{background:url(../img/h2_address.png) 0 8px no-repeat; width:67px; height:24px}
.h2_contact	{background:url(../img/h2_contact.png) 0 8px no-repeat; width:70px; height:24px}
.h2_vision,.h2_activities, .h2_network, .h2_research, .h2_development, .h2_communication  {height: 16px; overflow:hidden;}/***FOR IE ^**/
.h2_vision a {display:block; background:url(../img/h2_vision.png) 0 0 no-repeat; width:51px; height:12px !important;}
.h2_vision a:hover{background-position:0 -28px;} 
.h2_activities a {display:block; background:url(../img/h2_activities.png) 0 0 no-repeat; width:81px; height:12px}
.h2_activities a:hover{background-position:0 -28px;} 
.h2_network a {display:block; background:url(../img/h2_network.png) 0 0 no-repeat; width:74px; height:12px}
.h2_network a:hover{background-position:0 -28px;} 

.h2_research a {display:block; background:url(../img/h2_research.png) 0 0 no-repeat; width:81px; height:18px}
.h2_research a:hover{background-position:0 -18px;} 
.h2_development a {display:block; background:url(../img/h2_development.png) 0 0 no-repeat; width:131px; height:18px}
.h2_development a:hover{background-position:0 -26px;} 
.h2_communication a {display:block; background:url(../img/h2_communication.png) 0 0 no-repeat; width:131px; height:18px}
.h2_communication a:hover{background-position:0 -26px;} 
.h2_case_studies {background:url(../img/case_studies.png) 0 0 no-repeat; width:200px; height:12px;float:left; margin-bottom: 5px; }

.h1_research a{display:block; background:url(../img/h1_research.png) 0 1px no-repeat; width:136px; height:24px;margin-bottom:12px; }
.h1_research a:hover {background-position:0 -31px;}

.h1_developpement a{display:block; background:url(../img/h1_development.png) 0 1px no-repeat; width:200px; height:24px;margin-bottom:12px; }
.h1_developpement a:hover {background-position:0 -31px;}

.h1_communication a{display:block; background:url(../img/h1_communication.png) 0 1px no-repeat; width:242px; height:24px;margin-bottom:12px; }
.h1_communication a:hover {background-position:0 -31px;}
body .header, body .header a {background:none;margin:0 0 20px 0;padding:-10px 0 0 0;text-indent:0;height:24px;color:black;}
body h1, h2 {text-transform:uppercase;font-weight:normal;color:black;}
.clear {clear:both; height:0;}
#sub-menu{ display:none;}
#menu-link{
				position:relative;
	
				}
				#menu-link a,#menu-link a:active {
				position:absolute;
				top:0;
					}
				#menu-link a em, a #logo em{
				display: block;
				}
				a.vision:hover,a.activites:hover,a.network:hover,a.company:hover{
				background-position: 0 -32px !important;
				display:none;
				}
				a.vision{
				height:30px;
				width:65px;
				background:url(../img/vision_bt.gif) no-repeat 0 0;
				display:none;
				}
				a.vision-sel{
				height:30px;
				display:none;
				width:65px;
				background:url(../img/vision_bt.gif) no-repeat 0 -32px !important;
				}
				a.activites{
				display:none;
				height:30px;
				width:101px;
				background:url(../img/activities_bt.gif) no-repeat 0 0;
				left:900px;
				}
				a.activites-sel{
				display:none;
				height:30px;
				width:101px;
				background:url(../img/activities_bt.gif) no-repeat 0 -32px !important;
				left:900px;
				}
				
				a.network{
				display:none;
			    height:30px;
				width:95px;
				background:url(../img/network_bt.gif) no-repeat 0 0;
				left:900px;
				}
				a.network-sel{
				display:none;
			    height:30px;
				width:95px;
				background:url(../img/network_bt.gif) no-repeat 0 -32px !important;
				left:900px;
				}
				a.company{
				display:none;
				height:30px;
				width:164px;
				background:url(../img/company_bt.gif) no-repeat 0 0;
				left:900px;
				border:none  !important;
				}
				a.company-sel{
				display:none;
				height:30px;
				width:164px;
				background:url(../img/company_bt.gif) no-repeat 0 -32px !important;
				left:900px;
				border:none  !important;
				}
				#menu-lang{
				display: none;
				position:absolute;
				left:900px;
				top:6px;
				}
				#menu-lang a.english:hover{
				background-position: 0 -15px !important;
				}
				a.japanese{
				height:16px;
				width:50px;
				background:url(../img/japanese_lg.gif) no-repeat 0 -15px;
				}
				a.japanese-sel{
				height:16px;
				width:50px;
				background:url(../img/japanese_lg.gif) no-repeat 0 0;
				}
				a.english{
				position:relative;
				left:52px;
				height:16px;
				width:50px;
				background:url(../img/english_lg.gif) no-repeat 0 0;
				border:none  !important;
				}
				a.english-sel{
				position:relative;
				left:52px;
				height:16px;
				width:50px;
				background:url(../img/english_lg.gif) no-repeat 0 -15px;
				border:none  !important;
				}