* { margin:0; padding:0; } body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #container { margin: 10px 0 0 10px; width: 980px; } #header { background:url(../../img/nav/bg_header.jpg) no-repeat; height:155px; } #main { border:1px solid #C6C3C6; clear:both; height:1%; margin:0 auto; overflow:auto; padding:0 0 45px 0; width:100%; } #body_home #main, #body_downloads #main, #body_download #main {border:0;} #content { float: left; padding: 20px 20px 20px 20px; width:700px; } #body_downloads #content, #body_download #content {width:760px; padding:20px 0 20px 10px;} #body_home #content {background:url(../../img/nav/bg_content_home.jpg) no-repeat; position:relative; height:370px; width:958px; margin:50px 11px 0 11px; } #body_signup #content {display:table; position:relative; width:908px; margin:0 11px 0 11px; } #sidebar { float: left; padding: 10px; width: 200px; } #body_downloads #sidebar, #body_download #sidebar {width:200px; padding:80px 10px 10px 0;} .block_dots_top { background: url(../../img/nav/bg_block_dots_top.png) no-repeat; height:12px; margin:25px 0 0 0; width:183px; } .block_dots_content { background: url(../../img/nav/bg_block_dots_content.png) repeat-y; color:#73757b; display:table; padding:0 2px 0 10px; width:171px; } .block_dots_bottom { background: url(../../img/nav/bg_block_dots_bottom.png) no-repeat; height:12px; width:183px; } .block_product { background:#ECEBE8; border:1px solid #B5BABE; display:table; margin: 0 0 15px 0; width:690px; } .block_downloads { background:url(../../img/nav/bg_block_downloads.png) no-repeat 0 24px #fff; border:1px solid #B5BABE; display:table; margin: 0 0 15px 0; width:720px; } .block_download { background:url(../../img/nav/bg_block_download.png) no-repeat 0 24px #fff; border:1px solid #B5BABE; margin: 0 0 15px 0; position:relative; width:710px; } .tabs_content { clear:both; color:#7f7f7f; display:table; line-height:16px; margin:15px 0 15px 15px; } .block_signup { bottom:40px; height:100px; position:absolute; right: 57px; text-align:center; width:233px; } #body_home #footer {background:url(../../img/nav/bg_footer_home.gif) no-repeat; height:108px; width:100%;} #body_activate #footer {background:url(../../img/nav/bg_footer_activate.gif) no-repeat; height:154px; width:100%;} #body_signup #footer {background:url(../../img/nav/bg_footer_activate.gif) no-repeat; height:154px; width:100%;} #container .left { float:left; } #container .right { float:right; } #container .nopadding { padding: 0 0 0 0; } #container .nomargin { margin: 0 0 0 0; } #container .noborder { border: 0; } #container .nobackground { background:none; } #container .block { display:block; } #container .clear { clear:both; height:0; } #container .center { text-align:center; } #container .invisible { display:none; } .required { color: #FF8400; } .input { width:170px; border:1px solid #000; height:15px; margin-top:5px } h1 { font-size: 17px; } #body_downloads .block_downloads h1, #body_download .block_download h1 { background:url(../../img/nav/bg_h3.gif) repeat-x #F6F7EF; color:#ff7800; display:block; font-size: 14px; font-weight:bold; line-height:25px; padding:0 0 0 15px; } #body_download .block_download h1 { margin:0 0 25px 0; } #body_home #content h1 { color:#0069bb; font-size:17px; left:190px; position:absolute; top:10px; } #body_signup h1 span { color:#ff7800; } #body_signup h1.title_signup { background:url(../../img/nav/bg_title_signup.gif) no-repeat 0 0; margin: 0 0 10px -21px; padding:0 0 0 30px; } h2 { clear:both; font-size: 17px; } #body_home #content h2 { background:none; color:#f58300; font-size:17px; left:190px; position:absolute; top:43px; } #body_downloads .block_downloads h2 { background:none; color:#00356b; font-size:11px; font-weight:bold; padding:0 20px 0 15px; } #sidebar h2, #sidebar h3 { color:#29a6d6; } #content h2 { background:url(../../img/nav/bg_h2_content.gif) repeat-x left bottom; color:#7e6851; font-size:13px; line-height:20px; margin:0 0 10px 0; } .block_dots_content h2 { margin:0 0 10px 0; } h3 { font-size: 14px; } #sidebar h3 { margin:10px 0 0 0; } #content h3 { background:url(../../img/nav/bg_h3.gif) repeat-x #F6F7EF; color:#ff7800; display:block; font-size: 14px; font-weight:bold; line-height:25px; padding:0 0 0 9px; } #body_downloads .block_downloads h3 { background:none; display:inline; } #content .block_signup h3 { background:none; color:#99c3e4; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:15px 0 5px 0; } #sidebar .block_dots_content h3 { font-size:12px; font-weight: bold; margin:20px 0 0 0; } h1, h4 { color: #1C7CB6; font-size: 17px; margin:0 0 10px 0; } h5 { background: url(../../img/nav/fleche.jpg) no-repeat center left; color: #7E6851; font-size: 13px; font-style: normal; } fieldset .right { bottom: 24px; position: relative; } .small { font-size:10px; } .block_product p { color:#767574; font-style:italic; line-height:18px; padding:5px 0 3px 20px; } .block_downloads p { color:#00356b; padding:0 150px 0 15px; } .block_downloads span { font-size:9px; margin:0 0 0 5px; } .block_downloads li p { display:inline; padding:0 0 0 0; position:absolute; right:0; top:7px; *top:4px; text-align:right; } .block_signup p { color:#fff; font-size:10px; } #form_login p { color:#0069bb; font-size:17px; font-weight:bold; } #form_login fieldset p { border:0; color:#000; clear:both; font-size:10px; font-weight:normal; margin:0 0 0 0; text-align:center; width:100%; } #form_content .form_tip { border:0; color:#929196; font-size:10px; } #body_download .block_download p { margin:0 0 25px 0; padding:0 10px 0 250px; } #body_download .block_download .tabs_content p { font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; } p.legend { color:#929196; font-size:10px; font-style:italic; } #menu li a { color:#1d7caa; } #menu li.active a { font-weight:bold; text-decoration:none; } #container a.button { background: transparent url(../../img/nav/bg_button_a.gif) no-repeat scroll top right ; color: #000; display: block; float: left; font-style: normal; height: 18px; line-height:18px; margin-right: 6px; padding: 0 10px 2px 0; text-decoration: none; } #content .block_signup a.button { margin:0 0 5px 80px; } #container a.button span { background: transparent url(../../img/nav/bg_button_span.gif) no-repeat; display: block; line-height:12px; padding: 3px 0 5px 18px; } #container a.button span.save { background: transparent url(../../img/nav/bg_button_span_save.gif) no-repeat; padding: 3px 0 5px 30px; } #container a.button span.delete { background: transparent url(../../img/nav/bg_button_span_delete.gif) no-repeat; padding: 3px 0 5px 18px; } #container a.button_download { background: transparent url(../../img/nav/bg_button_a.gif) no-repeat scroll right top; color: #000; display: block; float: left; height: 21px; line-height:18px; margin-right: 6px; padding: 0 10px 2px 0; text-decoration: none; } #container a.button_download span.download { background: transparent url(../../img/nav/bg_button_span_download.gif) no-repeat; padding: 5px 0 5px 28px; } #container a.button_grey { background: transparent url(../../img/nav/bg_button_a_grey.gif) no-repeat scroll top right ; color: #ff7700; display: block; float: left; height: 18px; line-height:18px; margin-right: 6px; padding: 0 10px 2px 0; text-decoration: none; } #container a.button_grey span { background: transparent url(../../img/nav/bg_button_span_grey.gif) no-repeat; display: block; line-height:12px; padding: 3px 0 5px 18px; } a.link_download { background:url(../../img/nav/download.jpg) no-repeat; color:#ff7518; display:block; margin:0 0 10px 0; padding:4px 0 4px 15px; } a.link_logout { background:url(../../img/nav/deconnection.gif) no-repeat 0 5px; color:#000; padding:2px 0 0 15px; text-decoration:none; } #sidebar li a { background: url(../../img/nav/fleche_lien.jpg) no-repeat 0 4px; padding:0 0 0 8px; } #body_downloads .block_downloads h3 a { background: url(../../img/nav/bg_a_downloads.gif) no-repeat left top; color:#ff7800; padding:0 0 0 30px; text-decoration:none; } #sidebar ul.list_downloads a { background:none; color:#7b6952; display:block; text-decoration:none; } #sidebar ul.list_downloads li a.readmore { background: url(../../img/nav/bg_readmore_a.gif) no-repeat left top; bottom:6px; height:15px; position: absolute; right:0; width:15px; } #form_login fieldset p a { color:#000; clear:both; font-size:10px; } ul li { list-style:none; } ul .no_fleches { background: none; } ul#menu { margin:0 0 10px 30px; } ul#menu li { display:inline; } .block_product ul { background:#fff; display: table; color:#575757; padding:10px 10px 0 10px; width:670px; } .block_product li { background:url(../../img/nav/bg_li_product.gif) no-repeat 0 3px; display:block; float:left; margin:0 0 0 0; padding:0 0 10px 10px; width:310px; } .block_downloads ul { background:url(../../img/nav/bg_ul_downloads.gif) repeat-x center top; margin:20px 0 20px 15px; padding:20px 0 0 0; width:690px; } .block_downloads li { background:url(../../img/nav/bg_li_downloads.gif) repeat-x center bottom; margin:0 0 10px 0; padding:0 0 3px 0; position:relative; } ul.list_downloads { clear:both; *clear:none; } ul.list_downloads li { background:url(../../img/nav/bg_list_downloads.gif) repeat-x center bottom; padding:5px 10px 5px 0; position:relative; width:90%; } #body_home #content ul { color:#000398; font-weight:bold; left:190px; position:absolute; top:93px; width:410px; } #body_home #content li { background:url(../../img/nav/bg_li_home.gif) no-repeat 0 4px; margin: 0 0 10px 0; padding: 0 0 0 10px; } #sidebar ul.small { width:110px; } #body_download ul.tabs_menu { left:0; position:absolute; top:145px; } #body_download ul.tabs_menu li { background:url(../../img/nav/bg_li_tabs.gif) no-repeat top left; display:inline; height:16px; line-height:16px; padding:2px 0 3px 20px; } #body_download ul.tabs_menu li.active { background:url(../../img/nav/bg_li_tabs_active.gif) no-repeat top left; padding:1px 0 3px 20px; } #body_download ul.tabs_menu a { color:#7f7f7f; font-size:10px; font-weight:bold; text-decoration:none; padding:2px 20px 3px 10px; } #body_download ul.tabs_menu li.active a { background:url(../../img/nav/bg_a_tabs_active.gif) no-repeat top right; color:#000; } #body_download .tabs_content ul { margin:0 0 15px 0; } #body_download .tabs_content li { background:url(../../img/nav/bg_li_tabs_content.gif) no-repeat 0 4px; padding:0 0 0 10px; } img { border: none; } fieldset img { margin: 0 10px; } ul.list_downloads img { float:left; margin:0 10px 0 0 ; } form { font-size:12px; } #form_content { *margin: 15px 0 0 0; } fieldset { background-color: #F7F3EF; margin: 0 0 10px 0; padding: 15px 10px 10px 10px; border: none; } #form_content legend { color:#7E6851; font-weight:bold; line-height:25px; margin:35px 0 0 0; *margin:0 0 10px 0; padding:0 0 0 35px; } #form_content legend.legend_1 { background:url(../../img/nav/bg_legend_1.gif) no-repeat top left; } #form_content legend.legend_2 { background:url(../../img/nav/bg_legend_2.gif) no-repeat top left; } #form_content legend.legend_personal { background:url(../../img/nav/bg_legend_personal.gif) no-repeat top left; } #form_content legend.legend_info { background:url(../../img/nav/bg_legend_info.gif) no-repeat top left; color:#393c8c; } #form_content legend.legend_options { background:url(../../img/nav/bg_legend_options.gif) no-repeat top left; } #form_content dt { background: #fff; clear:both; float: left; margin: 15px 0 0 10px; height: 30px; padding:10px 0 0 10px; width: 268px; } fieldset dd { background: url(../../img/nav/bg_dd.gif) no-repeat 0 5px #fff; color: #7E6853; float: right; font-size: 10px; height: 35px; line-height:14px; margin: 15px 0 0 0; padding:5px 0 0 10px; width: 382px; _width: 372px; } #body_signup fieldset dt {width:328px;} #body_signup fieldset dd {width:530px;} #form_content .form_row { border: 1px solid #D4D0C8; border-width:0 0 1px 0; line-height:25px; margin:0 0 5px 0; padding:0 0 30px 0; } #form_content .form_column_left, #form_content .form_column_right { border: 1px solid #D4D0C8; border-width:0 0 1px 0; float:left; line-height:25px; margin:0 0 15px 0; padding:0 0 10px 0; position:relative; width:330px; } #form_content .form_column_left { margin:0 20px 15px 0; } #body_signup .form_column_left, #body_signup .form_column_right { width:400px; } #body_signup .form_column_left { margin:0 48px 0 0 ; } #form_content .form_row label, #form_content .form_column_left label, #form_content .form_column_right label { display:block; float:left; margin:0 0 10px 0; width: 300px; } #form_content .form_column_left label, #form_content .form_column_right label { float:left; margin:0 0 0 0; width:140px; } #body_signup .form_column_left label, #body_signup .form_column_right label{ width:190px; } #form_content .form_row input, #form_content .form_row select, #form_content .form_column_left select, #form_content .form_column_right select { float:right; margin:0 0 5px 0; width: 330px; } #form_content .form_column_left select, #form_content .form_column_right select { margin:0 0 -2px 0; width:160px; } #form_content .fieldset_submit { background:none; margin:0 auto; text-align:right; width:99%; } #form_content .fieldset_submit a.button { float:right; margin:0 10px 0 0; } #form_login { display: table; height:100px; left:6px; position:absolute; text-align:center; top:10px; width:160px; } #form_login fieldset { background:none; } #form_login legend { color:#000; display: block; font-size:10px; } #form_login label { clear:both; float:left; margin:10px 0 0 0; width:30px; } #form_login input { float:right; font-size:10px; margin:10px 0 0 5px; width:100px; } #form_login .input_email { background:url(../../img/nav/bg_input_email.gif) no-repeat); } #form_login .submit { padding:0 20px 0 20px; width:auto; }