/********************************************************************************************* Last update : 10/03/2009 Email : pallaire@inpix.ca Note : Base CSS *********************************************************************************************/ /*------------------------------------------------------------------ body */ body { text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:68%; line-height:1.4em; background-color:#000; color:#464A4D; } /*------------------------------------------------------------------ title */ h1,h2,h3,h4,h5,h6 { color:#36383a; font-weight:bold; } /*------------------------------------------------------------------ link */ a:link { text-decoration:none; color:#429df9; } a:visited { text-decoration:none; color:#429df9; } a:hover { text-decoration:underline; color:#429df9; } a:active { text-decoration:underline; color:#429df9; } /*------------------------------------------------------------------ container */ #container { width: 955px; text-align: left; margin:0 auto; position: relative; overflow:hidden; } /*------------------------------------------------------------------ header */ #header { background: #e9e9e8 url(../images/bg_header.gif) 0 0 repeat-x; } #header h1 { float:left; overflow:hidden; } #header h1 a { display:block; width:145px; height:103px; background: url(../images/logo_stingray.gif) 0 0 no-repeat; text-indent:-9000px; } #header .lang { text-align:right; padding:13px 13px 0 0; text-transform:uppercase; } #menu { display:block; margin:30px 0 0 0; position:relative; } #menu li { position:relative; display:block; width:156px; } .clearSimple { clear:both; } #menu li { float:left; display:block; } #menu a { display:block; text-indent:-9000px; height:45px; } /*------------------------------ English --------------------------------*/ .en .home { background: url(../images/en/menu.gif) 0 0 no-repeat; width:68px!important; } .en .about { background: url(../images/en/menu.gif) -68px 0 no-repeat; width:147px!important; } .en .properties { background: url(../images/en/menu.gif) -215px 0 no-repeat; width:146px!important; } .en .news { background: url(../images/en/menu.gif) -361px 0 no-repeat; width:82px!important; } .en .partners { background: url(../images/en/menu.gif) -443px 0 no-repeat; width:157px!important; } .en .contact { background: url(../images/en/menu.gif) -600px 0 no-repeat; width:104px!important; } /* Over */ .en .home:hover, .en .home:active, .en .home:focus, .en .over_home{ background-position:0 -45px!important; } .en .about:hover, .en .about:active, .en .about:focus, .en li.over_about { background-position:-68px -45px!important; } .en .properties:hover, .en .properties:active, .en .properties:focus, .en li.over_properties{ background-position:-215px -45px!important; } .en .news:hover, .en .news:active, .en .news:focus, .en li.over_news { background-position:-361px -45px!important; } .en .partners:hover, .en .partners:active, .en .partners:focus, .en li.over_partners { background-position:-443px -45px!important; } .en .contact:hover, .en .contact:active, .en .contact:focus, .en li.over_contact { background-position:-600px -45px!important; } /* Down */ .en .m_home .home { background-position:0 -90px } .en .m_about .about { background-position:-68px -90px} .en .m_properties .properties {background-position:-215px -90px } .en .m_news .news{ background-position:-361px -90px } .en .m_partners .partners { background-position:-443px -90px } .en .m_contact .contact{ background-position:-600px -90px } /*------------------------------ Français --------------------------------*/ .fr .home { background: url(../images/fr/menu.gif) 0 0 no-repeat; width:84px!important; } .fr .about { background: url(../images/fr/menu.gif) -84px 0 no-repeat; width:106px!important; } .fr .properties { background: url(../images/fr/menu.gif) -190px 0 no-repeat; width:145px!important; } .fr .news { background: url(../images/fr/menu.gif) -335px 0 no-repeat; width:115px!important; } .fr .partners { background: url(../images/fr/menu.gif) -450px 0 no-repeat; width:182px!important; } .fr .contact { background: url(../images/fr/menu.gif) -632px 0 no-repeat; width:101px!important; } /* Over */ .fr .home:hover, .fr .home:active, .fr .home:focus, .fr .over_home{ background-position:0 -45px!important; } .fr .about:hover, .fr .about:active, .fr .about:focus, .fr .over_about { background-position:-84px -45px!important; } .fr .properties:hover, .fr .properties:active, .fr .properties:focus, .fr .over_properties { background-position:-190px -45px!important; } .fr .news:hover, .fr .news:active, .fr .news:focus, .fr .over_news { background-position:-335px -45px!important; } .fr .partners:hover, .fr .partners:active, .fr .partners:focus, .fr .over_partners { background-position:-450px -45px!important; } .fr .contact:hover, .fr .contact:active, .fr .contact:focus, .fr .over_contact { background-position:-632px -45px!important; } /* Down */ .fr .m_home .home { background-position:0 -90px } .fr .m_about .about { background-position:-84px -90px } .fr .m_properties .properties {background-position:-190px -90px } .fr .m_news .news{ background-position:-335px -90px } .fr .m_partners .partners { background-position:-450px -90px } .fr .m_contact .contact { background-position:-632px -90px } .sm_part { height:35px!important; } .fr .sm_part_new { height:35px!important; } .fr .sm_part { height:50px!important; } /* Sub-Menu */ #menu li ul { display:none; position:absolute; top:44px; left:0; z-index:9999; padding:3px 0 0 0; width:156px; } /* Show Sub Menu */ #menu li:hover ul { display: block; } /* Sub Menu Link */ #menu #sm_about a, #menu #sm_properties a, #menu #sm_news a, #menu #sm_partners a, #menu #sm_contact a { text-indent:0; display:block; height:20px; width:136px; color:#fff; padding:3px 0 0 20px; font-size:1.1em; background: url(../images/icon_cursor.gif) 140px 8px no-repeat; } #menu #sm_about a:hover, #menu #sm_properties a:hover, #menu #sm_news a:hover, #menu #sm_partners a:hover, #menu #sm_contact a:hover { background: #2e3235 url(../images/icon_cursor_over.gif) 140px 8px no-repeat; } /* Cursor */ #menu a span { width:130px; display:block; } /* Styles Sub Menu */ #menu li ul { background: #000 url(../images/bg_sm.gif) 0 0 no-repeat; } #menu li ul li { background: url(../images/separator_sm.jpg) 0 bottom no-repeat; padding:0px 0 0 0; cursor:pointer; } #menu li ul li.last { background:none; } #menu li ul li a { display:block; overflow:hidden; cursor:pointer; } #menu li ul li a:hover, #menu li ul li a:active, #menu li ul li a:focus { background-color:#2e3235 } /*------------------------------------------------------------------ flash */ #flash_home { height:291px; } #flash { height:165px; } /*------------------------------------------------------------------ content */ #content { width:921px; border-right:1px solid #fff; border-left:1px solid #fff; overflow:hidden; background: #fff url(../images/bg_content.gif) 0 0 repeat-x; padding:16px 16px 32px 16px; } /*------------------------------------------------------------------ footer */ #footer { background-color:#212224; padding:13px 0; overflow:hidden; width:100%; } /* menu bottom */ #menu_footer { padding-left:10px; } #menu_footer li { float:left; display:block; } #menu_footer li a { padding:0 15px 0 13px; background: url(../images/icon_separator.gif) right 0 no-repeat; } #menu_footer .first { padding-left:0!important; } #menu_footer .last { background:none!important; } .copyright { text-align:right; color:#696a6b; padding-right:10px; } /**************************************************************** Article Template ****************************************************************/ .article h2 { margin:0 0 5px 10px; font-size:1.4em; } .article h3 { margin:0 0 5px 0; font-size:1.2em; } .article h4 { margin:0 0 5px 0; font-size:1em; } /* Section ( Box left Article Template ) */ #section { width:209px; background: #fff url(../images/bg_sct_current_menu.gif) 0 0 no-repeat; min-height:356px; float:left; } #section ul { margin:25px 30px 0 10px; } #section ul li { text-transform:uppercase; color:#429df9; font-weight:bold; border-bottom:1px solid #dfdfdf; padding:3px 0 2px 0; } /* link Sub Menu */ #section ul li a:link { color:#2e3235; } #section ul li a:visited { color:#2e3235; } #section ul li a:hover { color:#2e3235; } #section ul li a:active { color:#2e3235; } /* Article ( Box Right Article Template ) */ .article { float:left; width:712px; margin:20px 0 0 0; } /* Profile Box ( 2 box by row ) */ .article .profile { background: #fff url(../images/box_profil.gif) 0 0 no-repeat; width:303px; min-height:243px; float:left; padding:20px 10px 0 20px; margin:0 20px 0 0;} .article .profile p.sub { color:#9d9d9d; } .article .profile p { margin:0 0 10px 0; } .article .box_white { background-image:url(../images/box_profil_white.gif)!important; } /* Profile large ( 1 box by row ) */ .article .profil_large { background: #fff url(../images/box_profil_large.gif) 0 0 no-repeat; width:670px; min-height:299px; float:left; padding:20px 13px 0 23px; } /**************************************************************** Home Page ****************************************************************/ #home #content { padding-top:32px; } /* About SD */ #about_sd { display:block; float:left; width:341px; } #about_sd h2 { display:block; width:227px; height:71px; background: url(../images/t_stingray_digital.gif) 0 0 no-repeat; text-indent:-9000px; } /*- Title EN -*/ .en #about_sd .what_is { display:block; width:341px; height:136px; background: url(../images/en/p_what_is.gif) 0 0 no-repeat; text-indent:-9000px; margin:20px 0 0 0; } .en .lastest_news { display:block; width:101px; height:12px; background: url(../images/en/t_lastest_news.gif) 0 0 no-repeat; text-indent:-9000px; margin-bottom:10px; } .en .meet_us { display:block; width:109px; height:12px; background: url(../images/en/t_meet_us_here.gif) 0 0 no-repeat; text-indent:-9000px; margin-bottom:10px; } /*- Title FR -*/ .fr #about_sd .what_is { display:block; width:341px; height:160px; background: url(../images/fr/p_what_is.gif) 0 0 no-repeat; text-indent:-9000px; margin:20px 0 0 0; } .fr .lastest_news { display:block; width:172px; height:16px; background: url(../images/fr/t_lastest_news.gif) 0 0 no-repeat; text-indent:-9000px; margin-bottom:10px; } .fr .meet_us { display:block; width:128px; height:13px; background: url(../images/fr/t_meet_us_here.gif) 0 0 no-repeat; text-indent:-9000px; margin-top:3px; margin-bottom:10px; } #about_sd .projects { margin-top:35px; } /* Box shadow */ .box_items { width:289px; float:left; } .list_items { padding:0 7px 0 26px; background: #fff url(../images/box_list_items.gif) 0 0 no-repeat; min-height:282px; } .item { border-bottom:1px dotted #3d3f43; padding:20px 0; } .date { color:#9d9d9d; margin-bottom:10px; } .box_items h2 { margin:0 0 0 19px; } /* Link bottom */ .more_news { text-align:right; margin-top:10px; } .btn_req_meet { margin:10px -5px 0 0; text-indent:-9000px; float:right; } .btn_req_meet a:hover, .btn_req_meet a:active, .btn_req_meet a:focus { background-position:0 -35px!important; } /*- EN -*/ .en .btn_req_meet a { display:block; background: url(../images/en/btn_request_meet.gif) 0 0 no-repeat; height:36px; width:164px; text-indent:-9000px; } /*- FR -*/ .fr .btn_req_meet a { display:block; background: url(../images/fr/btn_request_meet.gif) 0 0 no-repeat; height:36px; width:198px; text-indent:-9000px; } /**************************************************************** Section About ****************************************************************/ #management .article h3, #board .article h3 { margin-bottom:0!important; } /*------------------------------- Our mission Page */ #mission .bloc_2_images { width:138px; float:left; margin:0 15px 10px 0; } #mission .bloc_2_images img { margin-right:0px!important; } #mission .bloc_2_text { float:left; width:140px; } /*- Title EN -*/ #mission.en h2.mission { background: url(../images/en/t_our_mission.gif) 0 0 no-repeat; width:125px; height:13px; display:block; text-indent:-9000px; } #mission.en h2.our_properties { background: url(../images/en/t_our_properties.gif) 0 0 no-repeat; width:125px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #mission.fr h2.mission { background: url(../images/fr/t_our_mission.gif) 0 0 no-repeat; width:184px; height:13px; display:block; text-indent:-9000px; margin-top:3px; } #mission.fr h2.our_properties { background: url(../images/fr/t_our_properties.gif) 0 0 no-repeat; width:124px; height:16px; display:block; text-indent:-9000px; } .deux_col { width:353px; float:left; } .deux_col .bigger_text p { width:100%; overflow:hidden; line-height:1.3em; } .deux_col .bigger_text img { margin-right:15px } /*------------------------------- Management Page */ /*- Title EN -*/ #management.en h2 { background: url(../images/en/t_management.gif) 0 0 no-repeat; width:105px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #management.fr h2 { background: url(../images/fr/t_management.gif) 0 0 no-repeat; width:105px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- Board Page */ /*- Title EN -*/ #board.en h2 { background: url(../images/en/t_board.gif) 0 0 no-repeat; width:158px; height:13px; display:block; text-indent:-9000px; } /*- Title EN -*/ #board.fr h2 { background: url(../images/fr/t_board.gif) 0 0 no-repeat; width:200px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- Investors Page */ /*- Title EN -*/ #investors.en h2 { background: url(../images/en/t_investors.gif) 0 0 no-repeat; width:80px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #investors.fr h2 { background: url(../images/fr/t_investors.gif) 0 0 no-repeat; width:111px; height:13px; display:block; text-indent:-9000px; } #investors h3 { margin-bottom:10px!important; margin-left:-2px; } /**************************************************************** Section Our Properties ****************************************************************/ .bloc_img { width:158px; float:left; } /* a modifier */ .bloc_text { width:492px; float:left; } /* a modifier */ .bloc_col_trois { width:216px; float:left; } .bloc_col_trois h3 { margin-top:15px; } .separation_bloc_col_trois { width:217px!important; background: url(../images/bg_border_col3.gif) right 0 no-repeat; min-height:375px; } /*------------------------------- Galaxie Page */ #galaxie .tv { padding-right:15px; padding-left:15px; } #galaxie .demand { padding-right:15px; padding-left:15px; } #galaxie .consumers { padding-right:15px; } #galaxie .business { padding-right:15px; padding-left:15px; } #galaxie .worldwide { padding-left:15px; } #galaxie h3 { margin-bottom:15px; } .bloc_col_deux { width:247px; background: url(../images/bg_border_col3.gif) left 0 no-repeat; min-height:375px; float:left; padding-left:1px; } .bloc_col_deux h3 { margin-top:15px; } .marge_col_deux { margin-left:150px; display:inline; } /*- Title EN -*/ #galaxie.en h2 { background: url(../images/en/t_galaxie.gif) 0 0 no-repeat; width:158px; height:13px; display:block; text-indent:-9000px; } #galaxie.en .consumers h3 { background: url(../images/en/t_gal_consumers.gif) 0 0 no-repeat; width:131px; height:13px; display:block; text-indent:-9000px; } #galaxie.en .business h3 { background: url(../images/en/t_gal_business.gif) 0 0 no-repeat; width:168px; height:13px; display:block; text-indent:-9000px; } #galaxie.en .worldwide h3 { background: url(../images/en/t_gal_worldwide.gif) 0 0 no-repeat; width:168px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #galaxie.fr h2 { background: url(../images/fr/t_galaxie.gif) 0 0 no-repeat; width:158px; height:13px; display:block; text-indent:-9000px; } #galaxie.fr .consumers h3 { background: url(../images/fr/t_gal_consumers.gif) 0 0 no-repeat; width:131px; height:13px; display:block; text-indent:-9000px; } #galaxie.fr .business h3 { background: url(../images/fr/t_gal_business.gif) 0 0 no-repeat; width:168px; height:13px; display:block; text-indent:-9000px; } #galaxie.fr .worldwide h3 { background: url(../images/fr/t_gal_worldwide.gif) 0 0 no-repeat; width:168px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- TKC Page */ #tkc h2 { background: url(../images/en/t_tkc.gif) 0 0 no-repeat; width:175px; height:13px; display:block; text-indent:-9000px; } #tkc h3 { margin-bottom:15px; } #tkc .online { padding-right:15px; } #tkc .download { padding-right:15px; padding-left:15px; } #tkc .demand { padding-left:15px; } /*- Title EN -*/ #tkc.en .online h3 { background: url(../images/en/t_tkc_online.gif) 0 0 no-repeat; width:49px; height:13px; display:block; text-indent:-9000px; } #tkc.en .download h3 { background: url(../images/en/t_tkc_download.gif) 0 0 no-repeat; width:128px; height:13px; display:block; text-indent:-9000px; } #tkc.en .demand h3 { background: url(../images/en/t_tkc_demand.gif) 0 0 no-repeat; width:122px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #tkc.fr .online h3 { background: url(../images/fr/t_tkc_online.gif) 0 0 no-repeat; width:63px; height:13px; display:block; text-indent:-9000px; } #tkc.fr .download h3 { background: url(../images/fr/t_tkc_download.gif) 0 0 no-repeat; width:131px; height:28px; display:block; text-indent:-9000px; } #tkc.fr .demand h3 { background: url(../images/fr/t_tkc_demand.gif) 0 0 no-repeat; width:138px; height:15px; display:block; text-indent:-9000px; } #tkc.fr .online .fix_height { min-height:120px; } #tkc.fr .download .fix_height { min-height:105px; } #tkc.fr .demand .fix_height { min-height:118px; } /*------------------------------- Stingray Music Page */ /*- Title EN -*/ #stingray_music.en h2, #stingray_music.fr h2 { background: url(../images/en/t_stingray_music.gif) 0 0 no-repeat; width:119px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- CHUM Satellite Services */ /*- Title EN -*/ #stingray360.en h2, #stingray360.fr h2 { background: url(../images/en/t_s360.gif) 0 0 no-repeat; width:83px; height:16px; display:block; text-indent:-9000px; } /**************************************************************** News Page ****************************************************************/ #press_releases .profil_large, #articles .profil_large, #article .profil_large, #meida .profil_large, #sitemap .profil_large, #careers .profil_large { padding-top:30px; } /* a modifier */ #articles h4, #press_releases h4, #media h4 { display:inline; padding-right:5px; } .icon_pdf, .icon { display:inline; } .icon_back { background: url(../images/icon_back.gif) 0 3px no-repeat; padding-left:15px; } /*------------------------------- Press Releases Page */ /*- Title EN -*/ #press_releases.en h2, #article.en h2 { background: url(../images/en/t_press_releases.gif) 0 0 no-repeat; width:125px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #press_releases.fr h2, #article.fr h2 { background: url(../images/fr/t_press_releases.gif) 0 0 no-repeat; width:198px; height:16px; display:block; text-indent:-9000px; } /*------------------------------- Articles Page */ /*- Title EN-FR -*/ #articles h2 { background: url(../images/en/t_articles.gif) 0 0 no-repeat; width:105px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- Article Page */ #article .article h3 { margin:0; } .article_release { color:#429DF9!important; } .preview_article { width:100%; overflow:hidden; } .preview_article h4 { margin-bottom:0!important; overflow:hidden; } .text_article p, .text_article blockquote, .text_article q, .text_article ul { margin-bottom:10px; } .text_article ol { list-style-type:decimal; margin:0 0 10px 18px; } /* Paragraphe + image */ .article .img_right { float:right; padding:0 0 10px 20px; } .article .img_left { float:left; padding:0 20px 10px 0; } /* Desc Image */ .article .img_right p, .article .img_left p { display:inline; color:#9e9fa1; font-size:0.8em; } .link_ref { margin-bottom:12px; width:100%; } .link_ref li { background: url(../images/icon_current_sect.gif) 0 0 no-repeat; padding:0 0 2px 20px; } .resume { margin-bottom:10px; width:100%; overflow:hidden; } .more { display:inline; margin:0 0 0 5px!important; border:none!important; } /*------------------------------- Media Page */ /*- Title EN -*/ #media.en h2 { background: url(../images/en/t_media.gif) 0 0 no-repeat; width:47px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #media.fr h2 { background: url(../images/fr/t_media.gif) 0 0 no-repeat; width:47px; height:16px; display:block; text-indent:-9000px; } #media .preview_article { width:650px; } #media .resume { margin-bottom:0; } #media .article .img_right { float:right; padding:0 0 20px 0px; } #media .icon { vertical-align:text-top; } /* Bloc liste Type Media */ .list_files { width:100%; overflow:hidden; } .list_files li { float:left; border-right:1px solid #9E9FA1; padding:0 10px 0 0; margin-right:10px; font-size:1.1em; } /* Bloc Type Media */ .type_files { margin:20px 0 0 0; overflow:hidden; width:100%; } .type_files h3 { border-bottom:1px solid #cecfd0; padding:0 0 7px 0; font-size:1.6em; margin:0 0 10px 0; } .type_files h4 { font-size:1.1em; } .type_files .separation { border-bottom:1px dotted #cecfd0; } .type_files .preview_article { margin:0px 0 0 20px; } /* bloc_desc_image */ .bloc_desc_image { overflow:hidden; width:640px; padding:10px 0 0 3px; } .bloc_desc_image .ligne { overflow:hidden; width:640px; margin:0 0 4px 0; } .bloc_desc_image .icn_link { margin:0 0 7px 0; } .bloc_desc_image .t_spec { width:90px; float:left; color:#838689; } .bloc_desc_image .desc_spec { width:550px; float:left; } .bloc_desc_image .icon { padding-right:6px; } /* format texte image */ #media .col_2 .bloc_desc_image { width:495px; } #media .col_2 .bloc_desc_image .ligne { width:495px;} #media .col_2 .bloc_desc_image .desc_spec { width:400px; } .option_download { margin:10px 0; overflow:hidden; } /*- Title EN -*/ .en .btn_download { background: url(../images/en/btn_download.gif) 0 0 no-repeat; display:block; width:100px; height:35px; text-indent:-9000px; } /*- Title FR -*/ .fr .btn_download { background: url(../images/fr/btn_download.gif) 0 0 no-repeat; display:block; width:119px; height:35px; text-indent:-9000px; } .btn_download:hover, .btn_download:active, .btn_download:focus { background-position:0 -35px!important; } /**************************************************************** Section Clients ****************************************************************/ #clients h2, #content_partners h2, #technologie_partners h2 { margin-bottom:25px; } #clients .logo, #content_partners .logo, #technologie_partners .logo { float:left; margin:0 0 20px 0; background: url(../images/logo_drop_shadow.png) 0 0 no-repeat; padding-left:20px; } .logo img { border:1px solid #eaeaea; } .logo .name { margin:5px 0 0 0; } /*------------------------------- Clients Page */ /*- Title EN-FR -*/ #clients.en h2 { background: url(../images/en/t_clients.gif) 0 0 no-repeat; width:165px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #clients.fr h2 { background: url(../images/fr/t_clients.gif) 0 0 no-repeat; width:235px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- Content Partners Page */ /*- Title EN -*/ #content_partners.en h2 { background: url(../images/en/t_content_partners.gif) 0 0 no-repeat; width:251px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #content_partners.fr h2 { background: url(../images/fr/t_content_partners.gif) 0 0 no-repeat; width:371px; height:13px; display:block; text-indent:-9000px; } /*------------------------------- Technologie Partners Page */ /*- Title EN -*/ #technologie_partners.en h2 { background: url(../images/en/t_technology_partners.gif) 0 0 no-repeat; width:278px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #technologie_partners.fr h2 { background: url(../images/fr/t_technology_partners.gif) 0 0 no-repeat; width:409px; height:13px; display:block; text-indent:-9000px; } /**************************************************************** Section Contact ****************************************************************/ /*------------------------------- Office Page */ /*- Title EN -*/ #offices.en h2 { background: url(../images/en/t_offices.gif) 0 0 no-repeat; width:60px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #offices.fr h2 { background: url(../images/fr/t_offices.gif) 0 0 no-repeat; width:70px; height:13px; display:block; text-indent:-9000px; } .profil_office { width:310px; float:left; } .offices_info { overflow:hidden; width:250px; } .offices_info dt { float:left; width:70px; text-align:right; color:#98a3ac; margin:0 20px 0 0; } .offices_info dd { float:left; width:160px; } .offices_info dt.email { padding-top:6px; } .offices_info.cat { margin:10px 0 0 0; } /*- Title EN -*/ .en .btn_write_to_us { background: url(../images/en/btn_write_to_us.gif) 0 0 no-repeat; display:block; width:105px; height:34px; text-indent:-9000px; margin-left:-2px; } /*- Title FR -*/ .fr .btn_write_to_us { background: url(../images/fr/btn_write_to_us.gif) 0 0 no-repeat; display:block; width:120px; height:30px; text-indent:-9000px; margin-left:-2px; } .btn_write_to_us:hover, .btn_write_to_us:active, .btn_write_to_us:focus { background-position:0 -31px!important; } /* flag */ .flag_text { float:left; overflow:hidden } .flag_canada { background: url(../images/icon_canada.gif) 0 2px no-repeat; display:block; float:left; text-indent:-9000px; width:16px; height:13px; margin-left:8px; } .flag_usa { background: url(../images/icon_usa.gif) 0 2px no-repeat; display:block; float:left; text-indent:-9000px; width:16px; height:13px; margin-left:8px; } .flag_hungary { background: url(../images/icon_hungary.gif) 0 2px no-repeat; display:block; float:left; text-indent:-9000px; width:16px; height:13px; margin-left:8px; } .flag_luxembourg { background: url(../images/icon_luxembourg.gif) 0 2px no-repeat; display:block; float:left; text-indent:-9000px; width:16px; height:13px; margin-left:8px; } /*------------------------------- Contact form Page */ #contact_form .profil_large { padding-top:30px; } /*- Title EN -*/ #contact_form.en h2 { background: url(../images/en/t_contact_form.gif) 0 0 no-repeat; width:90px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #contact_form.fr h2 { background: url(../images/fr/t_contact_form.gif) 0 0 no-repeat; width:198px; height:13px; display:block; text-indent:-9000px; } /* Form */ #sendmsg { margin-bottom:10px } /* Input Width */ #contact_form .input_txt input, #contact_form .input_txt textarea { width:300px; float:left; } #contact_form .input_txt select { width:302px; } #contact_form .footer_form { width:400px; } /* Misc */ #contact_form .input_txt p { float:left; display:block; width:230px; margin:0 0 0 20px; } #contact_form .mandaory { width:300px; float:left; } /* Input Submit */ #contact_form .input_submit { float:right; } /**************************************************************** Careers Page ****************************************************************/ #careers .article p { margin-bottom:10px; } /* Model career */ .mod_career { padding-left:0px!important; width:937px!important; } .mod_career .article { width:600px; } .article .job { background: #fff url(../images/bg_career.gif) 0 0 no-repeat; min-height:299px; float:left; padding:20px 25px 0 13px; } /*- Title EN -*/ #careers.en h2 { background: url(../images/en/t_careers.gif) 0 0 no-repeat; width:67px; height:13px; display:block; text-indent:-9000px; margin-left:0px; } #careers.en h3.t_positions { background: url(../images/en/t_available_postion.gif) 0 0 no-repeat; width:155px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #careers.fr h3.t_positions { background: url(../images/fr/t_available_postion.gif) 0 0 no-repeat; width:155px; height:13px; display:block; text-indent:-9000px; } #careers.fr h2 { background: url(../images/fr/t_careers.gif) 0 0 no-repeat; width:101px; height:16px; display:block; text-indent:-9000px; margin-left:0px; } #careers .preview_article { width:98%; } .job h4 { float:left; } .job .date { float:right; } .job ul { margin:0 0 10px 0; padding:10px 0 0 0 } .job ul li { font-size:1em; color:#000; padding-bottom:5px; background-position:0 0!important; } .job ul .sub_level { background:none; } .job ul .sub_level ul { margin:0; padding-top:5px; } /*- Bouton EN -*/ .en .btn_apply_now { background: url(../images/en/btn_apply_now.gif) 0 0 no-repeat; display:block; width:113px; height:35px; text-indent:-9000px; } .en .btn_resume { background: url(../images/en/btn_send_resume.gif) 0 0 no-repeat; display:block; width:184px; height:35px; text-indent:-9000px; } /*- Bouton FR -*/ .fr .btn_apply_now { background: url(../images/fr/btn_apply_now.gif) 0 0 no-repeat; display:block; width:184px; height:35px; text-indent:-9000px; } .fr .btn_resume { background: url(../images/fr/btn_send_resume.gif) 0 0 no-repeat; display:block; width:198px; height:35px; text-indent:-9000px; } .btn_apply_now:hover, .btn_apply_now:active, .btn_apply_now:focus, .btn_resume:hover, .btn_resume:active, .btn_resume:focus { background-position:0 -35px!important; } /**************************************************************** Sitemap Page ****************************************************************/ /*- Title EN -*/ #sitemap.en h2 { background: url(../images/en/t_sitemap.gif) 0 0 no-repeat; width:67px; height:13px; display:block; text-indent:-9000px; } /*- Title FR -*/ #sitemap.fr h2 { background: url(../images/fr/t_sitemap.gif) 0 0 no-repeat; width:101px; height:13px; display:block; text-indent:-9000px; } #sitemap .article { width:921px; } #sitemap .profil_large { width:861px } #sitemap .col { width:300px; float:left; margin:0 30px 0 0; } .plan { width:100%; margin:0 0 20px 0; } .plan dt { font-weight:bold; font-size:1.2em; padding-bottom:3px; } .plan dd { padding:0 0 0 20px!important; margin:5px 0 0 0; } .extra { background:url(../images/bg_profile_x_large.gif) 0 0 no-repeat!important; } /**************************************************************** Class ****************************************************************/ .name_company { text-transform:uppercase; color:#2E3235; font-weight:bold; } .clear { clear:both; visibility:hidden;} .hide { display:none; } .no_bg { background:none!important; } /* Spacer */ .spacer_top { margin-top:10px!important; } .spacer_top_20 { margin-top:20px!important; } .spacer_top_30 { margin-top:30px!important; } .spacer_bottom { margin-bottom:10px!important; } .spacer_bottom_20 { margin-bottom:20px!important; } .spacer_bottom_30 { margin-bottom:30px!important; } .no_margin { margin:0!important; } .padding_right { padding-right:15px!important; } .padding_left { padding-left:15px!important; } .stin_music { margin-left:85px; } /* Float */ .float_left { float:left; } .float_right { float:right; } .float_none { float:none!important; } /* text */ blockquote, q { /*font-style:italic*/ } .top { text-align:right } .bigger_text { font-size:1.2em; line-height:1.6em; } .underline { text-decoration:underline; } .fix_height { min-height:120px; } /* border */ .no_border_bottom { border-bottom:none!important; } .no_border_top { border-top:none!important; } .no_border { border:none!important; } /* Icon Arrow list */ .point li, .point dd { background: url(../images/icon_current_sect_white.gif) 0 1px no-repeat; padding:0 0 8px 20px; font-size:1.1em; line-height:1.3em; color:#666a6f; } /* Border */ .separation { border-bottom:1px dotted #9fa0a2; overflow:hidden; width:100%; } /* CECFD0 */ .separation_solid { border-bottom:1px solid #9a9a9a; } .separation_clair { border-bottom:1px dotted #9f9f9f; } .sep_width { width:670px; } /* Form */ .img_section { float:left; margin-top:15px; } .input_txt { margin:0 0 10px 0; width:100%; overflow:hidden; } .input_txt label { display:block; float:left; width:80px; margin:0 15px 0 0; } /* Input Styles */ .input_txt input, .input_txt select, .input_txt textarea { border:1px solid #9e9fa1; } /* Error */ form span, .error { color:#ff7f21; } p.error { float:none; display:inline; }