/** * Common CSS * (c) 2010 eCookie http://www.ecookie.fr * by Romain Thiberville * @version 1.0 2010.02.05 **/ /* ===== CSS RESET ===== */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0;} fieldset, img{ border: 0; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup, sub { line-height: 0; vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; padding: 0; margin: 0; } /* ===== GLOBAL STYLES ===== */ html { height: 100%; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 100%; } /* body { background: #ffffff url(../images/bg-degradgris.png) repeat-x left top; font-size: 13px; } */ body { background: #ffffff; font-size: 13px; } .clear { clear: both; } .clear-right { clear: right; } .clear-left { clear: left; } hr.sep { visibility: hidden; } /* div#sponsor { padding-top: 170px; background: transparent url(../images/habillage-sfr.png) no-repeat center top; } */ div#sponsor { padding-top: 20px; background: transparent; } div#wrapper { width: 980px; margin: 15px auto; } div.sponsor-links { position:absolute;top:0;width:100%;text-align:center; } /* ===== SPRITES ===== */ div#top, div#bloc-menu div#quicksearch, div#bloc-menu div#quicksearch div.select, div#bloc-menu div#quicksearch div.submit, div#bloc-menu div#menu h2, div#bloc-menu div#menu ul li, div#bloc-menu div#menu ul li a span.icon, div.bloc-middle div.button, div#bloc-menu div#menu div#ads-menu, div#bloc-menu div#menu div#menu-footer, div#bloc-menu div#ask div, div#bloc-menu div#ask, div#bottom div#tops div.top, div#top div#ident input.submit, div#top div#search input.submit, div.bloc-middle div#manual-extract div.top, div.bloc-middle div#last-questions div.top, div.bloc-middle div#manual-extract div.bottom, div.bloc-middle div#last-questions div.bottom, div.bloc-middle div.products div.button, div.bloc-middle div#download h3.download, div.bloc-middle div#download div.product, div.bloc-middle div#download h3.read, div.bloc-middle div#download div.manual p.image, div.bloc-middle div#download div.manual div.adsense, div.bloc-middle div#products div.image, div.bloc-middle div#constructor dl dt, div.bloc-middle div#constructor div.pagination div.next, div.bloc-middle div#constructor div.pagination div.previous, div.bloc-middle div#constructor div.pagination div.page, div.bloc-middle div#tops ul li, div.bloc-middle div#constructor div.select, div.bloc-middle div#constructor div.image, div.popup-download-form-submit, #popup-download-form div.submit, div.bloc-middle div.big-list ul.text li { background: #fff url(../images/sprite-final.png) no-repeat top left; } /* ===== LOCALES ===== */ div.bloc-middle div.whiteboard { background: transparent url(../images/locales-fr.png) no-repeat top left; } /* ===== BACKGROUNDS ===== */ div#bloc-home { background: #ffffff url(../images/bg-home.png) no-repeat top left; min-height:500px; } div#bloc-product { background: #ffffff url(../images/bg-product.png) no-repeat top left; min-height:500px; } div#bloc-constructor { background: #ffffff url(../images/bg-constructor.png) no-repeat top left; min-height:500px; } div#bloc-display { background: #ffffff url(../images/bg-display.png) no-repeat top left; min-height:500px; } /* ===== TOP ===== */ div#top div#header { float:left; width:240px; } div#top div#header a { display:block; height:150px; width:200px; width:150px; } div#top div#header p { color:#3BB3C1; font-size: 12px; background-color:#fff; padding: 7px 10px 0px 10px; text-align:center; display:block; position:relative; top: 4px; } div#top div#ident { float:right; padding: 12px 10px 8px 12px; } div#top div#ident a { color: #ffffff; text-decoration: none; } div#top div#ident a:hover { text-decoration: underline; } div#top div#ident input.input { margin: 0px 5px 0 0;color: #D2D4D2; background-color: transparent; border:none; width: 105px; } div#top div#ident input.submit { background-position: -178px -371px; margin: 1px 2px 0 0px;color: #D2D4D2; border:none; width: 32px; height: 18px; color:#3c3d3d; font-weight:bold; font-size:11px; } div#top div#search { padding: 1px 8px; float:right; } div#top div#search input.input.focus { color: black; } div#top div#search input.input { float: left;vertical-align:middle;width: 350px; font-size: 24px; padding: 7px 4px 4px 4px; color: #D2D4D2; background-color: transparent; border:none; margin-right:10px; } div#top div#search input.submit { float: left;vertical-align:middle;text-align:left; padding:3px 17px; text-transform:uppercase; background-position: 0px -360px; margin: 1px 2px 0 0px;color: #D2D4D2; font-size:14px; border:none; width: 165px; height: 35px; color:#fff; } div#top div#ads-top { margin-top: 28px; float:right; width:740px; height: 95px;background-color: #fff; text-align:center; } /* ===== MENU ===== */ div#bloc-menu { width:228px; float:left; margin-top:20px; } div#bloc-menu div#quicksearch { width:230px; height:145px; background-position: 0px -157px; margin-bottom: 8px; } div#bloc-menu div#quicksearch h2 { color:#3BB3C1; text-align:center; font-size: 18px; padding: 12px 0 4px 0; font-weight: normal; } div#bloc-menu div#quicksearch div.select { background-position: 0 -458px; width: 213px; height: 28px; margin: 0 0 4px 8px; } div#bloc-menu div#quicksearch div.select a { display:block;padding: 8px 0 8px 10px; font-size: 12px; color: #8e8a73;text-decoration:none; } div#bloc-menu div#quicksearch div.submit { background-position: 0 -312px; width: 213px; height: 38px; margin: 0 0 7px 7px; } div#bloc-menu div#quicksearch div.submit a { display:block; padding: 13px 0 13px 10px; font-size: 14px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; } div#bloc-menu div#quicksearch div.select-box { display:none; overflow:auto; height: 257px; position:relative; top:-7px; margin: 0px 8px; padding: 3px; width:205px; z-index:1000; background-color:white; border-left:1px solid #3BB3C1; border-right:1px solid #3BB3C1; border-bottom:1px solid #3BB3C1; } div#bloc-menu div#quicksearch div.select-box ul li a { color: #3BB3C1;display:block; padding: 3px 5px; text-decoration:none; } div#bloc-menu div#quicksearch div.select-box ul li a:hover { background-color:#3BB3C1; color:white;text-decoration:none; } div#bloc-menu div#menu { margin-bottom: 8px; } div#bloc-menu div#menu h2 { color: #ffffff; text-align:center; padding: 12px 0 2px 0; font-size: 18px; font-weight: normal; background-position: -258px -158px; height:20px; } div#bloc-menu div#menu ul { padding: 0px; } div#bloc-menu div#menu ul li { padding: 4px 5px; background-position: -258px -194px; } div#bloc-menu div#menu ul li a { display: block;color:#8e8a73; text-decoration:none; font-size: 12px; height: 25px; } div#bloc-menu div#menu ul li a span.label { padding: 7px 10px 4px 10px; float:left; display:block; } div#bloc-menu div#menu ul li a span.icon { width:25px; height:25px; float:left; display:block; margin-left:6px; } div#bloc-menu div#menu ul li a span.icon.home-appliances { background-position: -516px -654px; } div#bloc-menu div#menu ul li a span.icon.car-moto { background-position: -897px -652px; } div#bloc-menu div#menu ul li a span.icon.tv-hifi { background-position: -550px -654px; } div#bloc-menu div#menu ul li a span.icon.computer { background-position: -651px -654px; } div#bloc-menu div#menu ul li a span.icon.games { background-position: -585px -654px; } div#bloc-menu div#menu ul li a span.icon.mobile { background-position: -842px -654px; } div#bloc-menu div#menu ul li a span.icon.camera-video-mp3 { background-position: -618px -654px; } div#bloc-menu div#menu ul li a span.icon.home-garden { background-position: -709px -654px; } div#bloc-menu div#menu ul li a span.icon.sports { background-position: -932px -654px; } div#bloc-menu div#menu ul li a span.icon.jewelry { background-position: -738px -654px; } div#bloc-menu div#menu ul li a span.icon.baby { background-position: -872px -654px; } div#bloc-menu div#menu ul li a span.icon.health { background-position: -814px -654px; } div#bloc-menu div#menu ul li a span.icon.other { background-position: -788px -654px; } div#bloc-menu div#menu ul li a span.icon.mp3 { background-position: -619px -654px; } div#bloc-menu div#menu div#ads-menu { background-position: -258px -238px; padding: 4px 10px; } div#bloc-menu div#menu div#menu-footer { background-position: -258px -438px; height: 7px; } div#bloc-menu div#ask { width:230px; height:145px; background-position: -0px -157px; margin-bottom: 8px; text-align:center; } div#bloc-menu div#ask p { color:#3BB3C1; font-size: 12px; padding: 15px 20px 8px 15px; } div#bloc-menu div#ask h2 { color:#FF7700; font-size: 19px; padding: 5px 20px 12px 20px; } div#bloc-menu div#ask div { background-position: 0 -410px; height: 37px; width:187px; margin: 0 auto; } div#bloc-menu div#ask div a { color:#fff; text-decoration:none; display:block; padding: 10px 0 13px 10px; font-size:18px; } /* ===== MIDDLE ===== */ div.breadcrumb { padding:2px 4px; color:#8E8A73; } div.breadcrumb a { color:#8E8A73; text-decoration:none; } div.breadcrumb a:hover { text-decoration:underline; } div.bloc-middle { width: 744px; float:right; margin-top:20px; } div.bloc-middle div.whiteboard { text-indent:-3000px; background-position: -184px 4px; width: 369px; height: 119px;} div.bloc-middle div.big-list { margin: 40px 5px 0 5px; float:left; width: 235px; } div.bloc-middle div#ads-downloaded { margin-top: -109px; } div.bloc-middle div.big-list h3 { font-size: 18px; color:#3bb3c1; padding: 10px 0 0 16px; } div.bloc-middle div.big-list ul.text { margin-left: 16px; margin-top: 5px; } div.bloc-middle div.big-list ul.text li { padding: 7px 0 9px 8px; background-position: -285px -615px; } div.bloc-middle div.big-list ul.text li.last { background-image:none; padding-bottom:0px; } div.bloc-middle div.big-list ul.text li a { color:#92A500; text-decoration:none; font-size: 14px; display:block; } div.bloc-middle div.big-list ul.text li a:hover { text-decoration:underline; } div.bloc-middle div.big-list ul.image { margin-left: 8px; margin-top: 5px; } /*div.bloc-middle div.big-list ul.image li a { margin-left: 11px;padding: 6px 4px 6px 4px; }*/ div.bloc-middle div.big-list ul.image li a { width: 90px; padding: 3px 4px 3px 4px; } div.bloc-middle div.big-list ul.image li a:hover p { text-decoration:underline; } div.bloc-middle ul.links-list { padding: 15px; } div.bloc-middle ul.links-list li a { color: #FF8300; text-decoration: none; } div.bloc-middle ul.links-list li a:hover { text-decoration: underline; } div.bloc-middle div#ads-downloaded ul li { float: left; margin-bottom: 10px; margin-left: 10px; height:120px; width:100px; overflow: hidden; } div.bloc-middle div#ads-downloaded ul li a { float: left; color: #8fa300; font-size: 10px; display:block; text-align:center; text-decoration:none; } div.bloc-middle div#ads-downloaded ul li a p { padding: 2px 0 0 0; } div.bloc-middle div#constructor-list { color:#92A500; } div.bloc-middle div#constructor-list h3 { font-size: 18px; color:#3bb3c1; padding: 10px 0 0 16px; } div.bloc-middle div#constructor-list ul { float:left; width:225px; padding: 10px 0 0 16px; } div.bloc-middle div#constructor-list ul li a { font-size: 14px; color:#92A500; text-decoration:none; } div.bloc-middle div#constructor-list ul li a:hover { text-decoration:underline; } div.bloc-middle div#constructor-list ul li a strong { color:#FF7700; font-weight: normal; margin-right: 6px; } div.bloc-middle div#constructor-list ul li a:hover strong { text-decoration:underline; color:#FF7700; } div.bloc-middle div#questions-list { color:#92A500; } div.bloc-middle div#questions-list h3 { font-size: 18px; color:#3bb3c1; padding: 10px 0 0 16px; } div.bloc-middle div#questions-list ul { float:left; width:225px; padding: 10px 0 0 16px; } div.bloc-middle div#questions-list ul li a { font-size: 14px; color:#92A500; text-decoration:none; } div.bloc-middle div#questions-list ul li a:hover { text-decoration:underline; } div.bloc-middle div#questions-list ul li a strong { color:#FF7700; font-weight: normal; margin-right: 6px; } div.bloc-middle div#questions-list ul li a:hover strong { text-decoration:underline; color:#FF7700; } div.bloc-middle div.buttons { padding-left: 12px; } div.bloc-middle div.buttons div.button { float:left; margin-left: 25px; margin-top: 15px; background-position: -764px -586px; width:213px; height:28px; text-align:center; } div.bloc-middle div.buttons div.button a { text-decoration:none; color:white; padding: 8px 0; font-size:11px; display:block; } div.bloc-middle div#last-questions { clear:both; float:left;width:410px; margin-left: 16px; } div.bloc-middle div#last-questions div.top { background-position: -562px -492px; height: 6px; } div.bloc-middle div#last-questions div.middle { border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; } div.bloc-middle div#last-questions div.bottom { background-position: -562px -532px; height: 6px; } div.bloc-middle div#last-questions h3 { font-size: 18px; color:#3BB3C1; padding: 20px 0 0 4px; margin-bottom:7px; } div.bloc-middle div#last-questions ul { padding: 0 0 0 8px; } div.bloc-middle div#last-questions ul li { padding: 10px; } div.bloc-middle div#last-questions ul li h4 { text-transform:uppercase; text-decoration:none; color: #535353; font-size: 11px; font-weight: bold; } div.bloc-middle div#last-questions ul li h4 a { text-transform:uppercase; text-decoration:none; color: #535353; font-size: 11px; font-weight: bold; } div.bloc-middle div#last-questions ul li h4 a:hover { text-decoration:underline; } div.bloc-middle div#last-questions ul li strong { color: #FF8C00; font-size: 11px; } div.bloc-middle div#last-questions ul li strong a { text-decoration:none; color: #FF8C00; } div.bloc-middle div#last-questions ul li strong a:hover { text-decoration:underline; } div.bloc-middle div#last-questions ul li p { color: #959385; font-size: 11px; } div.bloc-middle div#last-questions ul li p a { text-decoration:none; color: #B2C905; font-size: 11px; } div.bloc-middle div#last-questions ul li p a:hover { text-decoration:underline; } div.bloc-middle div#manual-extract { /* clear:both; */ float:left;width:410px; margin-left: 16px; } div.bloc-middle div#manual-extract div.top { background-position: -562px -492px; height: 6px; } div.bloc-middle div#manual-extract div.middle { border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; overflow:auto; height:212px; } div.bloc-middle div#manual-extract div.bottom { background-position: -562px -532px; height: 6px; } div.bloc-middle div#manual-extract h3 { font-size: 18px; color:#3BB3C1; padding: 20px 0 0 4px; margin-bottom:7px; } div.bloc-middle div#manual-extract div.middle div { padding: 10px; } div.bloc-middle div#manual-extract div.middle div p { color: #959385; font-size: 11px; } div.bloc-middle div#manual-extract div.middle div p a { text-decoration:none; color: #FF8C00; font-size: 11px; } div.bloc-middle div#manual-extract div.middle div p a:hover { text-decoration:underline; } div.bloc-middle div.separator { border-bottom:1px solid #E3E3E3;float:left;width:727px;margin:10px 40px 0px 13px; } div.bloc-middle div#ads-middle { float:right; width:300px; height:250px; background-color:#fff; margin-top:20px; vertical-align:bottom; } div.bloc-middle div#products { float: left; width: 456px; margin-left: 22px; margin-top: 21px; } div.bloc-middle div#products h1 { color:#3bb3c1; font-size: 20px; padding-top: 20px; } div.bloc-middle div#products p { padding: 5px 0px ; } div.bloc-middle div#products div.image { margin: 20px 20px 0 20px; background-position: -571px -162px; width: 134px; height:134px; float: left; text-align: center; } div.bloc-middle div#products div.image img { vertical-align:middle; display:inline; margin-top: 22px; } div.bloc-middle div#products p.subtitle { color:#b2c905; font-size: 10px; padding-top: 0px; } div.bloc-middle div#products p.description, div.bloc-middle div#products p.constructor { color:#8e8a73; font-size: 12px; padding-top: 0; padding-bottom: 0; } div.bloc-middle div#products p.description a { color:#ff8100; text-decoration:none; } div.bloc-middle div#products p.description a:hover, div.bloc-middle div#products p.constructor a:hover { text-decoration:underline; } div.bloc-middle div#products p.constructor a { color:#8e8a73; text-decoration:none; } div.bloc-middle div#products p.text { color:#8e8a73; font-size: 12px; padding-left: 20px; } div.bloc-middle div#products div.button { background-position: -787px -550px; height: 25px; width:166px; float: left; margin-top: 5px; } div.bloc-middle div#products div.button a { color:#fff; text-decoration:none; display:block; text-align:center; padding: 5px 0 5px 0px; font-size:16px; } div.bloc-middle div#products h2 { font-size:18px; color:#3bb3c1; padding: 7px 0; margin-left: 20px; } div.bloc-middle div#products ul li { list-style:none; } div.bloc-middle div#products div.images { margin-left:20px;list-style:none; float:left; width: 110px; } div.bloc-middle div#products div.partner-products { margin-left:20px; } div.bloc-middle div#products div.partner-products div.product { clear: both; } div.bloc-middle div#products div.partner-products div.product div.preview { float: left; margin-right: 25px; } div.bloc-middle div#products div.partner-products div.product a { text-decoration: none; } div.bloc-middle div#products div.partner-products div.product a strong { color: #ff8200; font-weight: strong; text-decoration: underline; font-size: 11px; } div.bloc-middle div#products div.partner-products div.product a:hover strong { text-decoration: underline; } div.bloc-middle div#products div.partner-products div.product p.description { color: #8e8a73; font-size: 11px; margin-top: 3px; padding-right: 20px; } div.bloc-middle div#products div.partner-products div.product p.price { color: #8FA300; font-size: 10px; } div.bloc-middle div#preview .manuelpreview { overflow:auto; margin: 0 38px 0 38px; height:122px; } div.bloc-middle div#preview .manuelpreview table { margin:0 4px 4px; height:100px; } div.bloc-middle div#preview .manuelpreview .selected { border:2px solid orange; } div.bloc-middle div#preview .manuelpreview .image { max-width:100px; margin-right:5px; } div.bloc-middle div#preview .manuelpreviewprevious, div.bloc-middle div#preview .manuelpreviewnext { opacity:0; filter:alpha(opacity=0); position:absolute;width:100px;height:100%;background-color:#000000; color:#FFFFFF;} div.bloc-middle div#preview .manuelpreviewprevious:hover, div.bloc-middle div#preview .manuelpreviewnext:hover { opacity:0.3; filter:alpha(opacity=30); } div.bloc-middle div#preview .manuelpreviewprevious { left:40px;} div.bloc-middle div#preview .manuelpreviewnext { right:40px; } div.bloc-middle p.mm_error { padding: 10px; border: 2px solid red; margin: 20px!important; color: red!important; text-align:center; background-color:#FFE0E0; } div.bloc-middle p.mm_success { padding: 10px; border: 2px solid green; margin: 20px!important; color: green!important; text-align:center; background-color:#C4EFD1; } div.bloc-middle div.mm_points { padding: 10px; border: 2px solid #3BB3C1; margin: 20px!important; color: black!important; text-align:center; background-color:#CFF3F7; } div.bloc-middle div.mm_upload { padding: 10px; border: 1px solid green; margin: 20px!important; color: green!important; text-align:center; background-color:#C4EFD1; } div.bloc-middle h2.subtitle { font-size: 16px; font-style:italic; margin: 10px 0 10px 15px; color: #959385; } div.bloc-middle div.mm_badges { color: #665D54; font-size: 11px; } div.bloc-middle div.mm_badges table { margin: 10px 0; } div.bloc-middle input.mm_upload { background-color:#FF8000; color: white; margin-right:15px; text-transform: uppercase; padding: 6px 6px; border:1px solid #FF7300; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.bloc-middle div#products div.ads-products { list-style:none; float:left; width: 310px; } div.bloc-middle div#download { float: right; width:232px; margin-right: 12px; margin-top: 12px; } div.bloc-middle div#download h2 { font-size:18px; color:#3bb3c1; padding: 7px 0; text-align: center; margin-top: 7px; } div.bloc-middle div#download h3.download { background-position: -769px -161px; height: 40px; width: 207px; margin: 6px auto; } div.bloc-middle div#download h3.download a { font-size:14px; color:#ff8200; padding: 13px 0 0 12px; text-decoration: none; display: block; text-transform:uppercase; } div.bloc-middle div#download div.product { margin: 15px 0 15px 13px; background-position: -5px -508px; width: 208px; height:173px; text-align:center; } div.bloc-middle div#download div.product h3 { color: #ff8200; font-size:14px; padding-top: 18px; } div.bloc-middle div#download div.product h3 a { color: #ff8200; font-size:14px; text-decoration: none; } div.bloc-middle div#download div.product h3 a:hover { text-decoration: underline; } div.bloc-middle div#download div.product p.subtitle { font-size:10px; color: #c6c4b9; } div.bloc-middle div#download div.product p.image { margin-top: 10px; } div.bloc-middle div#download h3.read { background-position: -769px -207px; height: 40px; width: 207px; margin: 6px auto; } div.bloc-middle div#download h3.read a { font-size:14px; color:#848383; padding: 13px 0 0 12px; text-decoration: none; display: block; text-transform:uppercase; } div.bloc-middle div#download div.manual { margin: 15px 0 15px 13px; text-align:center; } div.bloc-middle div#download div.manual p.image { background-position: -5px -508px; width: 208px; height:160px; padding-top: 4px; } div.bloc-middle div#download div.manual div.adsense { background-position: -5px -518px; width: 208px; height:160px; padding-top: 4px; } div.bloc-middle div#download div.ads-download { margin-top: 2px; margin-left: 13px; } div.bloc-middle div#searchresults { padding: 20px 0 0 20px; width:458px; float: left; } div.bloc-middle div#searchresults h1 { color:#3bb3c1; font-size:18px; margin: 15px 0 0 15px; } div.bloc-middle div#searchresults p { margin: 5px 0 0 15px;color:#8e8a73; font-size:12px; } div.bloc-middle div#searchresults ul { margin: 5px 0 0 25px;color:#8e8a73; font-size:12px; } div.bloc-middle div#searchresults ul a { color:#FF8300; font-size:12px; text-decoration:none; } div.bloc-middle div#searchresults ul a:hover { text-decoration:underline; } div.bloc-middle div#constructor { padding: 20px 0 0 20px; width:458px; float: left; } div.bloc-middle div#constructor h1 { color:#3bb3c1; font-size:18px; margin: 15px 0 0 15px; } div.bloc-middle div#constructor h1 a { color:#3bb3c1; text-decoration: none; } div.bloc-middle div#constructor h1 a:hover { text-decoration: underline; } div.bloc-middle div#constructor p { margin: 5px 0 0 15px;color:#8e8a73; font-size:12px; } div.bloc-middle div#constructor p a { color:#8e8a73; } div.bloc-middle div#constructor div.image { width: 120px; height: 74px; background-position: -517px -336px; float: left; text-align:center; margin: 15px 15px 0 15px; } div.bloc-middle div#constructor div.image img { margin-top: 10px; } div.bloc-middle div#constructor div.select { background-position: -759px -293px; width: 221px; height: 24px; margin: 10px 0 8px 0px; float: left; } div.bloc-middle div#constructor div.select a { display: block; color:#8e8a73; font-size:12px; text-decoration:none; padding-top: 6px; padding-left: 15px; } div.bloc-middle div#constructor p.description a { color:#ff8100; text-decoration:none; } div.bloc-middle div#constructor p.description a:hover, div.bloc-middle div#constructor p.constructor a:hover { text-decoration:underline; } div.bloc-middle div#constructor p.constructor a { color:#8e8a73; text-decoration:none; } div.bloc-middle div#constructor ul.alphabet { margin: 15px 0 15px 15px; } div.bloc-middle div#constructor ul.alphabet li { display:inline; margin-right:1px; margin-right: 4px; } div.bloc-middle div#constructor ul.alphabet li a { color:#ff8400; font-size:18px; text-decoration:none; } div.bloc-middle div#constructor ul.alphabet li span { color:#3bb3c1; font-size:18px; } div.bloc-middle div#constructor ul.alphabet li a:hover { text-decoration:underline; } div.bloc-middle div#constructor dl dt { color:#ff8500; font-size:18px; background-position: -516px -624px; width:442px; padding-left: 15px; padding-top:0px; } div.bloc-middle div#constructor dl dd { color:#8e8a73; font-size:12px; padding-left: 15px; padding-top:4px; padding-bottom:6px; } div.bloc-middle div#constructor dl dd a { color:#8e8a73; font-size:12px;text-decoration:none; } div.bloc-middle div#constructor dl dd a:hover { text-decoration:underline; } div.bloc-middle div#constructor div.pagination { margin: 15px 10px 0 10px; } div.bloc-middle div#constructor div.pagination a { color:#8e8a73; font-size:12px; text-decoration:none; text-align:center;} div.bloc-middle div#constructor div.pagination div.next { background-position: -759px -259px; width:123px; height: 25px; text-align: center; float: right; } div.bloc-middle div#constructor div.pagination div.next a { padding-top: 6px; display:block; } div.bloc-middle div#constructor div.pagination div.previous { background-position: -759px -259px; width:123px; height: 25px; text-align: center; float: left;} div.bloc-middle div#constructor div.pagination div.previous a { padding-top: 6px;display:block; } div.bloc-middle div#constructor div.pagination div.pages { display:block; margin: 0 0 0 45px; float:left; } div.bloc-middle div#constructor div.pagination div.page { display:block; float:left; text-align:center; background-position: -894px -259px; width:17px; height: 25px; margin: 0 2px; } div.bloc-middle div#constructor div.pagination div.page a { color:#8e8a73; font-size:12px;padding-top:6px;display:block; text-align:center; } div.bloc-middle div#tops { width:232px; float: left; padding: 20px 0 0 20px; } div.bloc-middle div#tops h2 { font-size:18px; color:#3bb3c1; margin: 8px 0 0 15px; } div.bloc-middle div#tops ul { margin: 15px; } div.bloc-middle div#tops ul li { border-bottom: 1px solid #eeeeee; padding: 6px 0; background-position: -525px -580px; } div.bloc-middle div#tops ul li a { text-decoration: none; } div.bloc-middle div#tops ul li a strong { color: #ff8300; font-size:14px; text-decoration: none; font-weight:normal; margin-bottom: 2px; } div.bloc-middle div#tops ul li a:hover strong { text-decoration: underline; } div.bloc-middle div#tops ul li a p { font-size: 10px; color: #c6c4b9; } div.bloc-middle div#forum h1 { margin-left: 18px; } div.bloc-middle div#forum p.gotoform { text-align:center; margin: 10px 0 15px 0; } div.bloc-middle div#forum p.author { margin-left: 18px; font-family:Arial; font-size: 11px; color: #8fa300; } div.bloc-middle div#forum h2.replies { margin-left: 18px; font-family:Arial; font-size: 14px; color: #ff8200; } div.bloc-middle div#forum div.mm_own_question { background-color: #f4f4f4; padding:10px; margin-left: 10px; width: 414px; } div.bloc-middle div#forum div.mm_own_question h2 { margin:0; } div.bloc-middle div#forum div.mm_own_question .description { font-family:Arial; font-size: 12px; color: #959385; } div.bloc-middle div#forum div.mm_question { margin-left: 18px; width: 420px; } div.bloc-middle div#forum div.mm_question p.author { margin-left: 0; } div.bloc-middle div#forum div.mm_question h4 a { font-family:Arial; font-size: 12px; color: #ff8200; text-transform:uppercase; text-decoration:none; padding-top: 10px;display:block; } div.bloc-middle div#forum div.mm_question .description { font-family:Arial; font-size: 12px; color: #959385; } div.bloc-middle div#forum div.mm_question .meta { font-family:Arial; font-size: 11px; color: #8fa300; } div.bloc-middle div#forum div.mm_question .meta a { font-family:Arial; font-size: 11px; color: #8fa300; text-decoration:none; } div.bloc-middle div#forum div.mm_question .meta a:hover { text-decoration:underline; } div.bloc-middle div#forum form#form_question table { width: 100%; color: #959385; margin-left: 18px; } div.bloc-middle div#forum form#form_question h1 { color:#48B8C5; font-size:18px; font-weight: bold; margin: 10px 0; } div.bloc-middle div#forum form#form_question input.text { border: 1px solid #B7B18D; padding: 4px 4px; width: 240px; margin: 10px; } div.bloc-middle div#forum form#form_question textarea { border: 1px solid #B7B18D; padding: 4px 4px; width: 405px; height: 100px; } div.bloc-middle div#forum form#form_question input.error, textarea.error { border: 2px solid red; } div.bloc-middle div#forum form#form_question div.submit { margin:0 0 20px 118px; } div.bloc-middle div#forum form#form_question a.forgot { color: #959385!important; text-decoration:underline; } div.bloc-middle div#forum form#form_question input.submit { background-color:#FF8000; color: white; margin-right:25px; text-transform: uppercase; padding: 8px 8px; border:1px solid #FF7300; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* ===== TAGS ====== */ div#tags { float:right;width:300px; margin-left: 16px; } div.tags-constructors { width:230px!important; } div#tags h3 { font-size: 18px; color:#3BB3C1; padding: 20px 0 0 4px; margin-bottom:7px; } div#tags ul { text-align: center; padding-right: 10px; } div#tags li { display: inline; margin: 0 1px; line-height: 29px; } div#tags li a, div#tags li { color: #36393d; font-size: 12px; } div#tags .tagsLevel1 a, div#tags .tagsLevel1 { font-weight: bold; font-size: 13px; color: #3db547; } div#tags .tagsLevel2 a, div#tags .tagsLevel2 { font-size: 14px; color: #ffb523; } div#tags .tagsLevel3 a, div#tags .tagsLevel3 { font-weight: bold; font-size: 16px; color: #58bae6; } div#tags .tagsLevel4 a, div#tags .tagsLevel4 { font-size: 18px; color: #f14c32; } div#tags .tagsLevel5 a, div#tags .tagsLevel5 { font-weight: bold; font-size: 22px; color: #d15600; } /* ===== BOTTOM ===== */ div#bottom { margin: 15px 0; } div#bottom h3 { color: #ffffff; font-size: 18px; padding: 5px 0 8px 8px; } div#bottom h3 a { color: #ffffff; font-size: 18px; padding: 5px 0 8px 8px; text-decoration: none; } div#bottom h3 a:hover { text-decoration: underline; } div#bottom div#links { font-size: 12px; color: #05B3C2; background-color: #DDDCD5; padding: 8px 20px 6px 20px; text-align:right; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; } div#bottom div#links a { color: #40A7B7; padding: 0 5px; text-decoration: none; } div#bottom div#links a:hover { text-decoration:underline; } div#bottom div#tops { padding: 6px 0 6px 4px; color: #ffffff; background-color: #3BB3C1; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } div#bottom div#tops div.top { padding: 0px; background-position: -665px -327px; float: left; width:312px; margin: 0 6px; } div#bottom div#tops div.top ul { float: left; width:25%; padding: 5px 10px; } div#bottom div#tops div.top ul.large { width:130px; } div#bottom div#tops div.top ul li a { font-size: 11px; color: #dddcd5; text-decoration:none; } div#bottom div#tops div.top ul li a:hover { text-decoration:underline; } div#bottom div#copyright { font-size: 12px; padding: 8px 20px; color:#767474; background-color: #DDDCD5; text-align:right; } div#bottom div#copyright span { padding: 0 5px; } div#bottom div#copyright span a { text-decoration:none; color: #767474; } div#bottom div#copyright span a:hover { text-decoration:underline; } /* ===== POPUP ===== */ div#popup-download { width:841px; height:395px; background: transparent url(../images/popup.png) no-repeat top left; margin-left: -420px; } div#popup-download form { padding-left:335px; padding-top:142px; } div#popup-download p.title { color:#48b8c5; font-size: 20px; } div#popup-download p.description { color:#8e8a73; margin-bottom: 20px; margin-top: 7px; } div#popup-download input.input { color:#e0e0e0; border:none;background-color:white;padding: 2px 4px; text-align:center;font-size: 28px; width:405px; } div#popup-download input.input.focus { color:#000; } div#popup-download a.submit { padding-top: 33px;padding-bottom: 20px;padding-left: 114px;text-decoration: none; display:block; font-size: 15px;color:#ffffff; } #popup-download-large, #popup-question-large, #popup-reply-large { width:841px; height:500px; background: transparent url(../images/popup-large.png) no-repeat top left; margin-left: -420px; } #popup-download-iframe, #popup-question-iframe, #popup-reply-iframe { padding-left:354px; padding-top:47px; } #popup-download-form p.title { color:#48b8c5; font-size: 18px; margin-top: 45px; margin-bottom: 10px; } #popup-download-form p.description { color:#8e8a73; margin-bottom: 20px; margin-top: 7px; } #popup-download-form input.input { color:#e0e0e0; border:1px solid #b7b18d;background-color:white;padding: 6px 4px 2px 4px; text-align:center;font-size: 28px; width:355px; margin-left:25px; margin-top: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #popup-download-form input.input.focus { color:#000; } #popup-download-form .coreg { color:#000000; font-family:arial,verdana,sans-serif; font-size:11px; } #popup-download-form div.submit, div.popup-download-form-submit { background-position: 0 -312px; width: 213px; height: 38px; margin: 5px 85px; } #popup-download-form div.submit a, div.popup-download-form-submit a { display:block; padding: 13px 0 13px 5px; font-size: 14px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; } #popup-download-form p.popup-terms { font-size: 12px;color:#ccc; } /* dual optin */ form#popup-download-form .t3 { color: #000000; /* mediumcolor */ line-height: 18px; } form#popup-download-form .t3 strong { color: #3BB3C1; /* bigcolor */ font-size: 12px; } form#popup-download-form .t3 b { color: #000000; /* bigcolor */ font-size: 12px; padding-right: 7px; } /* ===== JQMODAL ===== */ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 20%; left: 50%; color: #333; padding: 12px; } .jqmOverlay { background-color: #fff; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (