@charset "utf-8"; /* CSS Document */ 
*	{margin:0; padding:0}
a img, fieldset	{border:none}
body	{background:white url(/img/backgroundmain.jpg) center 90px no-repeat; text-align:center; padding:0; margin:0;color:#333; font-size:14px; }
a em {
display:none; }
span.num{ font-size:15px; font-family:sans-serif; }
a, a:active	{color: #222222; text-decoration:none}
a:hover	{color:#afafaf}
#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	{margin:0 0 -10px 0; height:auto;width:100%;}
#background-main.home {margin:0 0 -3px 0;}
#background-main img{margin-left: 40px;}
#background-main #home_flash {width: 100% !important;height: 280px !important;}
#background-main #home_flash2 {width: 100% !important;height: 246px !important;}
#background-main #myflash {margin-left: 40px;}
#background-main #myflash img {margin-left: -20px;}
#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-comp{ width:900px;  margin:0 auto; position:relative;  text-align:left;}
/*#subcontent-comp{min-height:239px; height:300px!important;}*/
#subcontent-net{width:900px;  margin:0 auto; position:relative;   text-align:left;margin-bottom:20px !important;}
#subcontent{width:900px;  margin:0 auto; position:relative;text-align:left;min-height:239px;}
/*start menu*/ 

/* CSS Document */
#menu-link{position:absolute; top:30px; left:278px; width:600px; height:30px; }
#menu-link.activities_selected {left:258px;}
#menu-link a, #menu-link a:active{position:absolute; top:0; border-right:1px #a7a7a7 solid;}
#menu-link a em, a #logo em{display:none}

a.vision{height:30px; width:68px; background:url(/img/vision_bt.png) no-repeat 0 0}
a.activites{height:30px; width:101px; background:url(/img/activities_bt.png) no-repeat 0 0; left:66px}
a.activites-sel{height:30px; width:236px; background:url(/img/activities_bt.png) no-repeat 0 -61px !important; left:66px}
a.network{height:30px; width:95px; background:url(/img/network_bt.png) no-repeat 0 0; left:169px}
.activities_selected a.network {left:305px}
a.company{height:30px; width:164px; background:url(/img/company_bt.png) no-repeat 0 0; left:265px; border:none  !important}
.activities_selected a.company {left:402px}
#menu-lang{position:absolute; left:564px; top:6px}
.activities_selected #menu-lang {left:584px; }
#menu-lang a.english:hover, #menu-lang a.japanese:hover{background-position:0 -15px !important}
a.japanese{height:16px; width:50px; background:url(/img/japanese_lg.png) no-repeat 0 0}
a.english{position:relative; left:52px; height:16px; width:50px; background:url(/img/english_lg.png) no-repeat 0 0; border:none  !important}
#menu-link a.sel {background-position:0 -61px !important;}
#menu-lang a.sel {background-position:0 -30px !important;}
#menu-link a:hover {background-position:0 -32px !important;}

/*start sub menu activities*/
#sub-menu{position:relative; left:65px; width:236px; height:10px; top:10px; left:78px}
#sub-menu a.sel {background-position:0 -20px !important;}
#sub-menu a {height:10px;}
#sub-menu a:hover {background-position:0 -10px !important}
a.research{position:relative; left:0; width:51px; background:url(/img/research_but.png) no-repeat 0 0px; border:none!important}
a.developpement{position:relative; left:57px; width:71px; background:url(/img/developpement_but.png) no-repeat 0 0; border:none!important}
a.communication{position:relative; left:132px; width:85px; background:url(/img/communication_but.png) no-repeat 0 0; border:none!important}
/*********/
#menu	{width:900px; position:relative; height:91px; margin:0 auto; padding:0 0 0 20px; line-height:24px; }
#logo	{display:block; 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:none}
#logo:hover	{cursor:pointer}
.imgspace{ margin-top:-1px}
/*end menu*/ 


/*include content network*/ 

a.tangerine	{display:block; position:relative; top:115px; left:122px; width:159px; height:auto; background:url(/img/tangerine.png) no-repeat 0 0; height:16px}
#networkcontent	{background:url(/img/backnetwork.png) no-repeat 80px 7px; margin:0 auto 0 auto; height:330px;text-align:left;width: 900px; }
#menuitaly	{position:relative; top:168px; left:350px; width:169px; height:auto}
#menutrinity	{position:relative; top:135px; left:710px; 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 -20px !important}
a.net_trinity	{background:url(/img/ita_trinity.png) no-repeat 0 0; width:251px; height:16px; top:0; }
a.net_tool	{background:url(/img/ita_totaltool.png) no-repeat 0 0; width:169px; height:16px; top:24px}
a.net_onami	{background:url(/img/ita_onami.png) no-repeat 0 0; width:169px; height:16px; top:48px}
a.net_barbara	{background:url(/img/ita_barbara.png) no-repeat 0 0; width:169px; height:16px; top:72px}
a.net_eagle	{background:url(/img/trinity_eagle.png) no-repeat 0 0; width:221px; height:16px; top:4px}
a.net_neobrace	{background:url(/img/trinity-neobrace.png) no-repeat 0 0; width:169px; height:16px; top:28px}
a.cosmit	     {background:url(/img/cosmit.png) no-repeat 0 0; width:169px; height:16px;top:95px}

.network_company strong	{}
.network_company img	{display:block;margin-bottom:15px;}
.network_company p	{position:absolute; top:-3px; left: 155px;}
.network_company p.wide	{position:absolute; top:-3px; left: 230px;}
.network_company p .network_image {position:absolute;top: 130px;}
.network_company	{width:900px; margin-left:15px; padding-bottom:20px; top:34px; position:relative; text-align:left; min-height:100px;}
#tangerine, #trinity_milan, #eagle_matrix, #neobrace, #cosmit, #onami, #anna_barbara, #total_tool	{display:none}
#subcontent-net.tangerine #tangerine	{display:block}
#subcontent-net.trinity_milan #trinity_milan	{display:block}
#subcontent-net.eagle_matrix #eagle_matrix	{display:block}
#subcontent-net.neobrace #neobrace	{display:block}
#subcontent-net.cosmit #cosmit	{display:block}
#subcontent-net.onami #onami	{display:block}
#subcontent-net.anna_barbara #anna_barbara	{display:block}
#subcontent-net.total_tool #total_tool	{display:block}
.imgcom{margin-top:18px;}
a.h3_activities {display:block; background:url(/img/activities_small.png) 0 0 no-repeat; width:62px; height:10px; float:left; margin-top:-15px;}
a.h3_communication {display:block; background:url(/img/communication_but.png) no-repeat 0 -20px; width:85px; height:10px; float:left;margin-top:-15px;}
a.h3_development {display:block; background:url(/img/developpement_but.png) no-repeat 0 -20px;width:71px; height:10px; float:left;margin-top:-15px;}
a.h3_research {display:block; background:url(/img/research_but.png) no-repeat 0 -20px; width:51px; height:10px; float:left;margin-top:-15px;
}
a.h3_activities2 {display:block; background:url(/img/activities_small.png) 0 0 no-repeat; width:62px; height:10px; float:left; margin-top:0;}
a.h3_communication2 {display:block; background:url(/img/communication_but.png) no-repeat 0 -21px; width:85px; height:10px; float:left;margin-top:0; margin-left:5px;
}
a.h3_development2 {display:block; background:url(/img/developpement_but.png) no-repeat 0 -21px;width:71px; height:10px; float:left;margin-top:0; margin-left:5px
}
a.h3_research2 {display:block; background:url(/img/research_but.png) no-repeat 0 -21px; width:51px; height:10px; float:left;margin-top:0; margin-left:5px
}
/*******COMPANY PROFILE******/
address	{font-style:normal; margin:0}
#company-profile_wrap {width:900px; margin: 0 auto;padding-left: 40px;height: 370px;}
#company-profile	{float:left; margin-top:35px; position:relative; width:320px; min-height:360px; height:auto; text-align:left;}
#company-profile2	{float:left; margin-top:66px;width:300px; min-height:320px; height:auto; text-align:left;}
#company-profile3	{float:left; margin-top:66px; width:220px; min-height:320px; height:auto; text-align:left;}
div.jp	{margin-top:81px !important;}

#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	{margin: 20px auto 0 auto; width:900px; padding:0 0 20px 40px !important; height:auto; text-align:left;font-size:13px; }
#casestudies2 {font-size:13px;padding-top: 20px;margin: 0 0 40px 20px;}
#casestudies3 {font-size:13px;padding-top: 12px;margin: 0 0 40px 20px;}
#casestudies2 p {margin: 0 0 10px 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}
/******ACTIVITIES BUTTON MAIN********/
.caselinks-research,.caselinks-dev,.caselinks-com{display:block; float:left;height:16px; margin-right:15px; }
.caselinks-research{background:url(/img/acti_research.png)  0 -1px no-repeat; width:82px;}
.caselinks-dev{background:url(/img/acti_dev.png)  0 -1px no-repeat; width:113px; }
.caselinks-com{background:url(/img/acti_com.png)  0 -1px no-repeat; width:134px; }
.caselinks-research:hover,.caselinks-dev:hover,.caselinks-com:hover{ background-position:0 -21px; }
.caselinks-research span,.caselinks-dev span,.caselinks-com span{ display:none}


/******:::::::::::::::::::::********/
.caselinks,.caselinks-sel{font-size:15px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:24px}
.caselinksurl{font-size:15px; padding: 0 15px 0 10px; height:15px;margin-top:5px; margin-bottom:10px; display:block; font-weight:bold; line-height:24px}
.caselinks,.caselinks_home,.caselinksurl{  background:url(/img/arrows.png) 0 4px no-repeat; }
.caselinks_contact{  background:url(/img/arrows.png) 0 0 no-repeat; }
.caselinks_home{ font-size:14px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:24px}
.caselinks-sel{color:#df0f20; background:url(/img/arrows.png) 0 -30px no-repeat; }
.caselinks:hover,.caselinks_home:hover,.caselinksurl:hover{ background-position:0 -13px;}
.caselinks_contact:hover{ background-position:0 -17px;}
.caselinks_contact{ font-size:14px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:14px}
.caselinks,.caselinks-sel{font-family:Helvetica, Arial, sans-serif}


.caselinksimg{ font-size:13px; line-height:30px; padding: 0 5px 0 5px;}
.caselinksimg-sel{ font-size:13px; line-height:30px; padding: 0 5px 0 5px; color:#df0f20;}

.caslinks,.caslinks-sel{ font-size:13px;line-height:13px; padding: 0 17px 0 10px;float:left;}
.caslinks{background:url(/img/arrows.png) 0 -1px no-repeat; }
.caslinks-sel{color:#df0f20;background:url(/img/arrows.png) 0 -34px no-repeat;  }
.caslinks:hover{background-position:0 -18px;}

.tcom{ position:absolute; top:11px;left:216px}
.tcom2{ position:absolute; top:9px;left:160px}
.tcom3{ position:absolute; top:10px;left:267px}
.text-actipos{margin-top:6px;}
.text-actiposmain{margin-top:10px;}
.text-actipostt{margin-top:11px;}
p.en {margin-top:11px;}
.text-actiposx{position:relative;top:14px; padding-bottom:11px;}
.text-actipos2{margin-top:39px; margin-bottom:15px; padding-bottom:15px;}
.text-actipos2 b{display:block; margin:8px 0 0 0;}
.acti-pos{ padding-top:20px;}

/*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:35px; text-align:left; line-height:24px}
/*VISION*/ 
#vision	{position:absolute; width:900px; min-height:249px; top:24px; margin-left: 20px; text-align:left}
#vision ul	{margin-left:20px}
#vision p	{margin-top:18px}
/***************HEADERS*********/
.header	{text-indent:-4500px; margin:0}
.h1_activities{background:url(/img/h1_activities.png) 0 0 no-repeat; width:145px; height:22px;}
.h1_vision {background:url(/img/h1_vision.png) 0 0 no-repeat; width:90px; height:22px}
.h1_company	{background:url(/img/h1_company.png) 0 0 no-repeat; width:259px; height:22px}
.h1_network	{background:url(/img/h1_network.png) 0 0 no-repeat; width:132px; height:22px; margin-left:20px; margin-top:30px;}
.h1_developpement	{background:url(/img/h1_development.png) 0 0 no-repeat; width:200px; height:24px; margin-bottom:12px;margin-top:7px; }
.h1_communication	{background:url(/img/h1_communication.png) 0 0 no-repeat; width:242px; height:24px; margin-bottom:12px;margin-top:7px; }
.h1_research	{background:url(/img/h1_research.png) 0 0 no-repeat; width:136px; height:22px;margin-bottom:12px;margin-top:7px;  }
.h2_address	{background:url(/img/h2_address.png) 0 8px no-repeat; width:67px; height:24px}
.h2_case_studies {background:url(/img/case_studies.png) 0 1px no-repeat; width:112px; height:16px;float:left; margin-bottom: 5px; margin-right:15px; }
.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:65px; height:12px !important;}
.h2_vision a:hover{background-position:0 -30px;} 
.h2_activities a {display:block; background:url(/img/h2_activities.png) 0 0 no-repeat; width:99px; height:12px}
.h2_activities a:hover{background-position:0 -30px;} 
.h2_network a {display:block; background:url(/img/h2_network.png) 0 0 no-repeat; width:90px; height:12px}
.h2_network a:hover{background-position:0 -30px;} 

.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;} 


.h1_research a{display:block; background:url(/img/h1_research.png) 0 1px no-repeat; width:136px; height:22px;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:22px;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;}


.clear {clear:both}