/*Default Settings*/ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /*html { margin-left: -1px; } pour la greenbox ol { list-style-position:inside; } img { border: 0; }*/ a { outline: none; } a, a:link, a:active {color:#416271;text-decoration:none;} a:hover {color:#F7951E;text-decoration:underline;} h1{ padding:5px 0 5px 0; margin:0px; font-size:18px; color:#f7951e; border-bottom:1px solid #CACACA;} h1.light{ border-bottom:1px solid #f1f1f1;} h2{ padding:5px 0 5px 0; margin:0px; font-size:16px; border-bottom:1px solid #CACACA;} h3{ padding:0 0 5px 0; margin:0px; font-size:12px; color:#59cef9; border-bottom:1px solid #EEEEEE; clear:both; color:#888888; margin:0 0 20px; padding:9px 0 10px; text-transform:uppercase;} h4{ padding:0 0 10px 0; margin:0px; font-size:14px; color:#7ea743;} p{ text-align:justify;padding:2px 0 2px 0;margin:0px;line-height:15px;} p.white{color:#FFFFFF;} p.right{float:right;} p.clear{clear:both; padding:10px 0 0 0;} hr { border: 0; width: 90%; color: #E1E1E1;background-color: #E1E1E1;height:1px;} /*-----Listes-----*/ ul.disc { list-style-type: disc ; list-style-position:inside; } ul.withcircles{ list-style-type: circle;} ul.horizontal {display: inline; list-style-type: none; padding-right: 20px;} #features ul { overflow: hidden; list-style-type: none;} #features ul li { float: left; width: 225px; margin: 0px 27px 20px 0px; overflow: hidden; padding: 0px 0px 0px 5px; } #features ul li.last {margin-right: 0px;} ul.blog {list-style-image:url(../images/list-dot_blue.gif);list-style-position:outside;list-style-type:none;margin:10px 0 20px 20px;padding:0;} ul.blog li {float:none;margin-bottom:5px;padding:0;width:auto;} ul.blog li a:hover{outline-style:none;outline-width:medium;} .f-right {float:right !important;} ul.history {list-style-position:outside;list-style-type:none;margin:10px 0 20px 20px;padding:0;} ul.history li a:hover{outline-style:none;outline-width:medium;} li.newfeature{background-image: url(../images/add2.png);background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;} li.changedfeature{background-image: url(../images/nav_refresh_blue.png);background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;} li.inconstruction{background-image: url(../images/pylon.png);background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;} li.severebug{background-image: url(../images/bug_red.png);background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;} li.smallbug{background-image: url(../images/bug_green.png);background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;} /*-----Body-----*/ body {font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px; color: #416271; line-height: 1.4;} .home {background:#FFFFFF url(../images/bg_home.png) repeat-x scroll center top;} .sub {background:#FFFFFF url(../images/tranchesub.png) repeat-x scroll center top;} .wrap {height:auto !important;margin:0 auto -61px;min-height:100%;} /*-----Header-----*/ #header{width:900px;height:96px;margin:auto;} #header a img {border : none;} #logo{padding:10px 0 0 10px;float:left;} #languages_box { position: relative;top: 69px; float:left; left: 595px;} #languages_box ul li { display: inline; float: left; height: 17px;margin: 0 7px 0 0; padding: 6px 0 0; width: 16px;} /*-----Menu-----*/ ul#navi { margin:auto; clear:both; display:block; width: 900px; height: 41px; position: relative; /*line-height: 0px; fixes IE6*/ /*background:transparent url(../images/menu_bg.png) repeat-x top left;*/ } ul#navi li a { height: 41px; display: block; position: absolute; top: 0; text-indent: -9999px;} ul#navi li a:hover { background-position: 0 -41px;} ul#navi li a.current { background-position: 0 -82px; text-indent: -9999px;} /*---English---*/ ul#navi li#nav_home_en a { left: 0;width:94px; background-image: url(../images/menu/Menu4_01_en.png);/*Menu3_01*/ background-repeat: no-repeat;} ul#navi li#nav_products_en a { left: 94px; width:112px; background-image: url(../images/menu/Menu4_02_en.png); background-repeat: no-repeat;} ul#navi li#nav_projects_en a { left: 206px; width:104px; background-image: url(../images/menu/Menu4_03_en.png); background-repeat: no-repeat;} ul#navi li#nav_support_en a { left: 310px; width:107px; background-image: url(../images/menu/Menu4_04_en.png); background-repeat: no-repeat;} ul#navi li#nav_press_en a { left: 417px; width:86px; background-image: url(../images/menu/Menu4_05_en.png); background-repeat: no-repeat;} ul#navi li#nav_forums_en a { left: 503px; width:102px; background-image: url(../images/menu/Menu4_06_en.png); background-repeat: no-repeat;} ul#navi li#nav_blog_en a { left: 605px; width:81px; background-image: url(../images/menu/Menu4_07_en.png); background-repeat: no-repeat;} /*---French---*/ ul#navi li#nav_home_fr a { left: 0;width:102px; background-image: url(../images/menu/Menu4_01_fr.png);/*Menu3_01*/ background-repeat: no-repeat;} ul#navi li#nav_products_fr a { left: 102px; width:110px; background-image: url(../images/menu/Menu4_02_fr.png); background-repeat: no-repeat;} ul#navi li#nav_projects_fr a { left: 212px; width:97px; background-image: url(../images/menu/Menu4_03_fr.png); background-repeat: no-repeat;} ul#navi li#nav_support_fr a { left: 309px; width:105px; background-image: url(../images/menu/Menu4_04_fr.png); background-repeat: no-repeat;} ul#navi li#nav_press_fr a { left: 414px; width:93px; background-image: url(../images/menu/Menu4_05_fr.png); background-repeat: no-repeat;} ul#navi li#nav_forums_fr a { left: 507px; width:102px; background-image: url(../images/menu/Menu4_06_fr.png); background-repeat: no-repeat;} ul#navi li#nav_blog_fr a { left: 609px; width:81px; background-image: url(../images/menu/Menu4_07_fr.png); background-repeat: no-repeat;} ul#navi li#nav_rss a { left: 868px; width:32px; background: url(../images/rss.png) center no-repeat;} ul#navi li#nav_twitter a { left: 830px; width:32px; background: url(../images/bird.png) center no-repeat;} /*when clicking on a button*//*ul#navi li a:active { background-position: 0 -100px;}*/ /*-----Header Feature-----*/ #header_feature{background-position:center top;background-repeat:no-repeat;height:301px;margin:0;padding:0;} #header_feature.en{background-image:url(../images/header_feature.png);} #header_feature.fr{background-image:url(../images/header_feature_fr.png);} .header_feature_button{left:50%;margin-left:-310px;padding:0;position:absolute;top:388px;width:412px;} #header_feature_wrap {height:301px;margin:0 auto;width:900px;} /*#slider_wrap{ height:200px; overflow:hidden; padding:68px 0 0 416px; width:480px; float:left;} .arrow-left { float: left; display:block; margin-top: 80px; width: 30px; margin-right:23px;} .arrow-right { float: left; margin-left: 23px; width: 30px; margin-top: 80px;} #header-slides { float: left; width: 372px; height: 200px;} #hidden-controller { display: none;} #jFlowSlide { float:left;} #slider { position:relative; width:372px; height:200px; padding:68px 0 0 416px; float:left; overflow:hidden; background:url(images/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } */ /*-----SubHeader-----*/ #subheader { height:94px;position:relative;} .header_products_en { background:transparent url(../images/subheader_products_en.png) no-repeat scroll center top; } .header_products_fr { background:transparent url(../images/subheader_products_fr.png) no-repeat scroll center top; } .header_projects_en{ background:transparent url(../images/subheader_projects_en.png) no-repeat scroll center top; } .header_projects_fr{ background:transparent url(../images/subheader_projects_fr.png) no-repeat scroll center top; } .header_support{ background:transparent url(../images/subheader_support.png) no-repeat scroll center top; } .header_rss_en{ background:transparent url(../images/subheader_rss_en.png) no-repeat scroll center top; } .header_rss_fr{ background:transparent url(../images/subheader_rss_fr.png) no-repeat scroll center top; } .header_press{ background:transparent url(../images/subheader_press.png) no-repeat scroll center top; } .header_about_en{ background:transparent url(../images/subheader_about_en.png) no-repeat scroll center top; } .header_about_fr{ background:transparent url(../images/subheader_about_fr.png) no-repeat scroll center top; } .header_blog_en{ background:transparent url(../images/subheader_blog_en.png) no-repeat scroll center top; } .header_blog_fr{ background:transparent url(../images/subheader_blog_fr.png) no-repeat scroll center top; } .header_beta{ background:transparent url(../images/subheader_beta.png) no-repeat scroll center top; } /*-----Page Content-----*/ #main_content{width:900px;min-height:650px;margin:auto;} /*height:auto;*/ #main_content.twocol{background:url(../images/bdy.png) no-repeat top left;} #left_content{width:324px;height:auto;margin:10px;float:left;padding:10px;background:url(../images/news_bg.png) no-repeat top ;}/*news*/ #right_content{width:490px;height:auto;margin:10px 0 0 0;float:left;padding:10px;} #text_inside {float:right;padding:0 0 30px;width:620px;} /*avec la sidebar*/ #wide_content{width:auto;padding:10px 20px 10px 10px;}/*page large*/ /*-----BreadCrumb Menu-----*/ .crumb {color:#74949B;font-size:7.5pt;line-height:7.5px;text-decoration:none;} /*.tBreadcrumb {background-color:#FFFFFF;color:#666666;display:block;font-size:11px;padding:13px 34px 0;}*/ /*-----News-----*/ .news{width:310px;clear:both;padding:10px 0 10px 0;} .news_content{width:290px;padding:0 0 0 10px;text-align:justify;line-height:13px;} .news_content span{color:#276D9D;}/*color:#4ab7e8;*/ .read_more_link{width: auto;float:right;padding:3px 25px 3px 0;background:url(../images/orange_bullet.png) no-repeat right;} .read_more_link a{text-decoration:none;color:#f7941d;} /*-----Sidebar-----*/ #sidebar_left {display:inline;width:180px;height:auto;float:left;} #sidebar_left ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:14px 0 25px;padding:0;} #sidebar_left ul li {display:block;font-size:1.1em;margin:0;padding:8px 0 8px 20px;font-weight:bold;} #sidebar_left ul li.current {background:transparent url(../images/submenu_arrow.png) no-repeat ;width:207px;} #sidebar_left ul li.current a {color:#FFFFFF;} #sidebar_left ul li a:hover {font-weight:bold;text-decoration:none;} /*-----Footer-----*/ #footer_wrap {background:url(../images/footer_bg.png) repeat-x top;min-width:900px;position:relative;} #footer {color:#7B7B7B;font-size:11px;height:55px;margin:0 auto;position:relative;width:940px;} .copyright{color: #FFFFFF;float:left;padding-left:10px;padding-top:10px;} .links{float:right;padding-right:15px;padding-top:10px;} .links a{text-decoration:none;color: #FFFFFF;padding-left:10px;} .links a:hover{text-decoration:underline;color: #FFFFFF;} /*-----Products-----*/ .product {border-bottom:1px solid #E1E1E1;margin:10px 0 10px;height:100%;} .noborder {border-bottom : none;} .product h1 {font-size:16px;margin:0;padding:0;border-bottom : none;} .product h1 a {color:#f7951e;text-decoration:none;} .product h2{color:#999999;font-size:13px;font-weight:normal;text-transform:none;/*pour override de h1*/padding:0 0 0 0;border-bottom:none;} .product .logo {float:left;margin-bottom:20px;width:130px;} .product .description_type {float:right;padding-bottom:10px;} .product .cell {float:right;margin-bottom:20px;text-align:justify;width:730px;} .product .description {width:615px;} .product .description_title{float:left;width:615px;} .product .cellright{float:right;width:102px;} .product .description ul {float:left;list-style-type:none;margin:15px 0 0;padding:0;vertical-align:bottom;} .product .description li {float:left;margin:0 10px 0 0;padding:0 5px 0 0;} .product .description li img {float:left;margin:0 5px 0 0;} .product .price {float:right;} /*-----Products Infos-----*/ #products_screenshots a {display:block;float:left;height:100px;margin:5px;overflow:hidden;text-align:center;width:120px;} div.overview_preview { float: left; height: 370px; margin: 0 0 0 0; width: 280px;} div.overview_right { float: left; margin-left: 20px; width: 420px;} div.overview_right td { padding: 9px 8px 0; } /*-----Projects-----*/ .project {margin-bottom:7px;margin-top:7px;width:430px;} .project h3 { font-size: 16px; margin: 0; padding: 0; } .project h3 a { color: #c80000; text-decoration: none; } .project h3 { font-size: 13px; color: #999; text-transform: none; font-weight: normal; border:none; } .project .content { text-align: justify; } .project .content ul { float: left; list-style-type: none; margin: 8px 0 0 0; padding: 0; } .project .content li { float: left; padding: 0 5px 0 0; margin: 0 10px 0 0; } .project .content li img { float: left; margin: 0 5px 0 0; width: 18px; } /*-----Contact Form-----*/ #contact_form{width:580px;height:auto;padding:10px 0 0 0px;} fieldset{border:0;} ul.form{list-style:none;padding:0;margin:0 auto;width:auto;border:0;} ul.form li{padding:6px 0;height:35px;border-bottom:1px dashed #464E5F;} ul.form li label{color:#59a5bf;display:block;float:left;width:130px;font-size:12px;} .required{display:block;font-size:10px;color:#5b6170;width:130px;float:left;clear:left;font-style:italic;} ul.form li input, ul.form li select, ul.form li textarea{width:220px;border:1px solid #ccc;padding-left:3px;} ul.form .auto {width :auto;} ul.form li.submit_en{text-align:right;border:0;} ul.form li.submit_fr{text-align:right;border:0;} ul.form li.submit_en input{background:transparent url(../images/btn_send_en.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} ul.form li.submit_fr input{background:transparent url(../images/btn_send_fr.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} ul.form li.subscribe_en{text-align:right;border:0;} ul.form li.subscribe_en input{background:transparent url(../images/btn_subscribe_en.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} ul.form li.unsubscribe_en{text-align:right;border:0;} ul.form li.unsubscribe_en input{background:transparent url(../images/btn_unsubscribe_en.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} ul.form li.subscribe_fr{text-align:right;border:0;} ul.form li.subscribe_fr input{background:transparent url(../images/btn_subscribe_fr.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} ul.form li.unsubscribe_fr{text-align:right;border:0;} ul.form li.unsubscribe_fr input{background:transparent url(../images/btn_unsubscribe_fr.png) no-repeat;border:0 none;cursor:pointer;display:block;height:36px;width:111px;overflow:hidden;text-indent:-4000px;float:right;} #comment{width:400px;background-color:#ccc;border:2px solid #ccc;} ul.form li textarea{height:120px;width:420px;} ul.form li.comment .required, ul.form li.comment label{width:120px;} li.comments{height:130px !important;} li.captcha{height:100px !important;} .valid{border:1px solid #29AD14 !important;} .invalid{border:1px solid #FF0000 !important;} /*-----Messages boxes-----*/ .message.error {background-color:#FFF4F2;background-image:url(../images/exclamation.png);border-color:#FF0000;color:#281B1B;font-size:1.1em;} .message.success {background-color:#CEFFC1;background-image:url(../images/tick.png);border-color:#16B50A;color:#281B1B;font-size:1.1em;} .message {background:#D2DBF2 url(../images/information.png) no-repeat scroll 8px 10px;border:1px solid #1F3D89;color:#3E4934;line-height:150%;padding:10px 10px 10px 30px;} /*-----Others----- .ribbon {background:transparent url(../images/new.png) no-repeat scroll 0 0; font-size:0;height:100px;left:182px;line-height:0;overflow:visible; position:absolute;top:138px;width:100px;z-index:10; float:none;} */