/* * STRUCTURE CSS * Centurion UI - CSS-JS Framework * Copyright (c) 2009 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* --------------------------------------------------------------------------------------------------------------------- IMPORTS */ @import url(../../../cui/themes/default/css/reset.css); @import url(../../../cui/themes/default/css/components.css); /*@import url(tinymce.css);*/ /* --------------------------------------------------------------------------------------------------------------------- BASICS */ html, body { color:#333; font:normal 12px/18px Arial, sans-serif; background:#e6e6e6; } html { overflow-y: scroll; } body { text-align:center; } h1, h2 { font:200 24px/24px "Conduit ITC", Arial, sans-serif; color:#333; margin-bottom:10px; text-transform:uppercase } h3 { font:200 20px/20px "Conduit ITC", Arial, sans-serif; color:#333; margin-bottom:10px; text-transform:uppercase } h4 { font:200 18px/18px "Conduit ITC", Arial, sans-serif; color:#333; margin-bottom:10px; } h6 { font:bold 12px/18px Arial, sans-serif; color:#000; margin-bottom:0; } h1 strong, h2 strong, h3 strong, h4 strong, .conduit strong { font-weight:600; } h1 em, h2 em, h3 em, h4 em { color:#808080; font-style:normal; } h1.separator, h2.separator { margin-bottom:20px; padding-bottom:5px; border-bottom:solid 3px #4d4d4d; } a img { border:none; margin:0; padding:0;} a { text-decoration:none; color:#333; } a:hover { text-decoration:underline; color:#888; } a.no-transform { text-deocration:underline; color:#333; } a.no-transform :hover { text-decoration:none; color:#333; } .no-margin { margin:0; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } img.picture { background:url('../images/picture.png') center center no-repeat #eee; display:block; } span.cheque, span.visa { display:inline-block;*display:inline;*zoom:1 height:31px; padding-top:9px; } span.cheque { background:url('../images/cheque.png') no-repeat; padding-left:70px; } span.visa { background:url('../images/visa.png') no-repeat; padding-left:110px; } span.icon { display:block; width:16px; height:16px; text-indent:-9999px; font-size:1px; line-height:1px; background:url('../images/sprite-icons.png') no-repeat; } img.icon { background:url('../images/sprite-icons.png') no-repeat; } .icon-search { background-position:-208px 0 !important;width:16px;height:16px;} p { margin:0; padding:0; } p.teaser { font:bold 11px/16px Arial, sans-serif; color:#808080; } ul.puce { margin:20px 0 20px 0px; padding:0; list-style:none; } ul.puce li { padding:0 0 0 10px; margin:0; color:#fff; display:block; float:none; position:relative; } ul.puce li a { margin-bottom:0 !important; margin-bottom:-10px; color:#fff; display:block; float:none; } ul.puce li a:hover { color:#fff; text-decoration:underline; } ul.puce li a span { height:16px; width:16px; display:block; opacity:.7; background:url('../images/sprite-icons.png') 0 -32px no-repeat; position:absolute; left:-5px !important; left:-15px; top:1px !important; top:-1px; } .line { height:1px; border-bottom:solid 1px #d0d0d0; margin:15px 0; } .black { color:#333; } .white { color:#fff; } .red { color: #ff2f05; } .grey-light { color:#f8f8f8; } .grey { color:#e6e6e6; } .grey-strong { color:#808080; } .orange { color:#f3bb00; } .beige { color:#ffe9b1; } div.info { margin:0 0 1px 0; padding:25px; text-align:center; background:#fceb98; color:#444; font:400 16px/20px "Conduit ITC", Arial, sans-serif; text-transform:uppercase; } div.success { margin:0 0 1px 0; padding:25px; text-align:center; background:#fcf4cd; color:#444; font:normal 13px/18px Arial, sans-serif; } p.details { color:#999; font-size:11px; } .table { margin-top:0; font-size:13px; border:none; width:100%; } .table tr.even td { background-color:#f0f0f0; } .table th { padding:5px 10px; text-align:left; font-weight:bold; background:none; } .table td { padding:5px 10px; border-top:none; line-height:16px; background:none; } .rte p { margin-bottom:18px; } /* --------------------------------------------------------------------------------------------------------------------- STRUCTURE */ #wrap { margin:0 auto; width:960px; text-align:left; position:relative;} #header { position:relative; background:#4d4d4d; } #content { position:relative; background:#fff; min-height:500px; } #footer { padding:10px 20px; position:relative; clear:both; font-size:11px; background:#4d4d4d; color:#fff; } #main { overflow:hidden; position:relative; } #content .degrade { background:url('../images/shadow.png'); width:960px; height:7px; display:none; position:absolute; top:0; right:0; font-size:1px; line-height:1px; z-index:5; } /* --------------------------------------------------------------------------------------------------------------------- #HEADER */ #header .logo { display:block; width:113px; height:55px; text-indent:-9999px; position:absolute; left:20px; top:30px; z-index:2; background:url('../images/logo.png') no-repeat; } /*-*/ #header .primary-menu { padding-left:170px; height:120px; background-color:#2a2a2a; position:relative; border-bottom:solid 1px #f3bb00; z-index:1; } #header .primary-menu li { float:left;} #header .primary-menu a { float:left; padding:0 15px; } #header .primary-menu a:hover { background:#303030; text-decoration:none; } #header .primary-menu a span { padding:68px 0 32px 0; text-transform:uppercase; color:#808080; height:20px; display:block; cursor:pointer; font: 200 18px/20px Arial, sans-serif; width:auto !important; width:75px; text-align:center; text-decoration:none; } #header .primary-menu a:hover span{ color:#808080; text-decoration:none; } #header .primary-menu .active span{ padding-bottom:30px; border-bottom:solid 2px #f3bb00; color: #f3bb00; font-weight:600; } #header .primary-menu .active a:hover span{ color: #f3bb00; } /*-*/ #header .member-menu { padding:7px 0 3px 10px; position:absolute; right:0; top:0; border-left:solid 1px #808080; z-index:2; width:150px; } #header .member-menu-logued { width: 330px;} #header .member-menu li { position:relative; top:5px; } #header .member-menu li a, #header .member-menu li span { font: normal 11px/13px Arial, sans-serif; color:#e6e6e6; text-decoration:none; } #header .member-menu li a:hover, #header .member-menu li.active a { color:#f3bb00; text-decoration:none; } /*-*/ #header .member-menu-bis { padding:7px 0 10px 10px; position:absolute; right:0; top:0; width:100px; border-left:solid 1px #808080; z-index:3; } #header .member-menu-bis li { position:relative; top:5px; } #header .member-menu-bis li a { font: normal 11px/13px Arial, sans-serif; color:#e6e6e6; text-decoration:none; } #header .member-menu-bis li a:hover { color:#f3bb00; text-decoration:none; } /*-*/ #header .breadcrumb { background:#4d4d4d; padding:10px 20px; height:20px; font-size:11px; } #header .breadcrumb li { float:left; position:relative; } #header .breadcrumb li a { float:left; padding:0 15px; color:#d7d7d7; text-decoration:none; } #header .breadcrumb li.first a { padding-left:0; } #header .breadcrumb li.last a { color:#fff; } #header .breadcrumb li a:hover { color:#f3bb00; text-decoration:none; } #header .breadcrumb li .arrow { background-position:0 0; position:absolute; left:-8px; top:2px; } #header .breadcrumb li.first .arrow{ display:none; } /*-*/ #header .secondary-menu { background:#4d4d4d; padding:10px 20px 0 20px; zoom:1; font-size:11px; line-height:26px; text-transform:uppercase; } #header .secondary-menu li { float:left; height:28px; } #header .secondary-menu li a { float:left; margin:2px 2px 0 0; _margin:2px 1px 0 0; padding:0 20px; color:#919191; background:#2a2a2a; text-decoration:none; height:26px; display:block; } #header .secondary-menu li a:hover{ color:#919191; background:#333; text-decoration:none; } #header .secondary-menu li.add a { float:left; margin-right:2px; padding:0 20px; color:#fff; background:#4d4d4d; text-decoration:none; } #header .secondary-menu li.add a:hover { color:#fff; background:#4d4d4d; text-decoration:none; } #header .secondary-menu li.add .icon { background-position:-16px 0; float:left; position:relative; top:4px; left:-7px; } #header .secondary-menu li.right { float:right; } #header .secondary-menu .active a { background:#fff; color:#4d4d4d } #header .secondary-menu .active a:hover { background:#fff; color:#4d4d4d } .header-bis { padding:50px 20px 10px 20px; background:#fff; } .header-bis a { position:relative; top:10px; } .header-bis h1 { margin-bottom:0;padding-right: 220px;} a.next .icon { background-position: -32px 0; vertical-align:bottom; } a.prev .icon { background-position: -64px 0; vertical-align:bottom; } a.next:hover .icon { background-position: -48px 0; } a.prev:hover .icon { background-position: -80px 0; } a.prev:hover, a.next:hover { text-decoration:none; color:#f3bb00; } /* --------------------------------------------------------------------------------------------------------------------- #FOOTER */ #footer a { text-decoration:none; color:#aaa; } #footer a:hover { text-decoration:none; color:#fff; } #footer .links { float:right; } #footer .links a { text-decoration:none; color:#fff; } #footer .links a:hover { text-decoration:none; color:#f3bb00; } /* --------------------------------------------------------------------------------------------------------------------- #HOME */ body#home #content { background:url('../images/bg-content-form.png') repeat-y; min-height:360px; } body#home #content .degrade { display:block } body#home #content #main { padding:0; width:620px; height:360px; float:left; position:relative; } body#home #content #sidebar { padding:20px; width:299px !important; width:296px; margin-left:621px; text-align:center; position:relative; } body#home h1 { width:297px !important; width:296px; height:95px; margin-bottom:25px; background:url('../images/home-welcome.png') no-repeat; text-indent:-9999px; } body#home #sidebar p { margin-bottom:15px; font:bold 14px/18px Arial; color:#808080; } body#home #sidebar .line-solid { margin:20px 0 15px 0; } body#home .btn, body#home .btn-style { float:none; } body#home .btn:hover { text-decoration:none; } /* --------------------------------------------------------------------------------------------------------------------- #FORMS */ /*.form-status dd { margin-bottom: 15px;}*/ .form-status dt { margin-top: 15px;} body#form #content { background:url('../images/bg-content-form.png') repeat-y } body#form #content .degrade { display:block; } body#form #content #main { padding:20px; width:580px; float:left; position:relative; } body#form #content #sidebar { padding:20px; width:299px !important; width:296px; margin-left:621px; position:relative; } form.form { width:580px; font-size:12px; } form.form fieldset { margin:0 0 20px 0; padding:0 0 20px 0; border:none; position:relative; } form.form fieldset.border-bottom { border-bottom:solid 1px #808080; } form.form fieldset.border-top { border-top:solid 1px #808080; } form.form legend { margin:0; padding:10px 0 20px 0; color:#333; display:block; #margin-left:-6px; font:normal 18px/18px 'Conduit ITC', Arial, sans-serif; } form.form dl { width:580px; } form.form dt { margin:0; padding:0 10px 0 0; float:left; width:200px; } form.form dt label, .grid-profile .conduit { font:normal 14px/14px Arial, sans-serif; } .grid-profile { margin-top:15px; } form.form dd { margin-left:212px; padding-bottom:0; } form.form dd.subform { margin-left:0; position:relative; width:580px;} form.form dd div.input { margin:0 0 15px 0; padding:3px; background:#eee none repeat scroll 0 0; -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; } form.form input, form.form select, form.form textarea { margin:0; padding:5px; background:none #fff; color:#333; border:1px solid #c3c3c3; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; width:350px; font:normal 11px/normal Arial,Verdana,sans-serif; } form.form select { width:362px; } form.form label span.info { display:block; font-size:10px; color:#808080; } form.form dd.submit dl { margin-top:20px; } form.form fieldset fieldset dd.submit dl { margin-top:0px; } .clf-form-field { padding:8px 10px; border:solid 1px #d7d7d7; font:normal 12px Arial; color:#999; } /*FIXES*/ form.form .more-yellow { float:right;font-size:11px;padding:0;} /*.subform .subform dl:last-child div.input { margin-bottom:0}*/ #comment { width:645px; height:80px; } #link { width:645px; } .btn span.btn-style { margin:0 10px 10px 0; padding:6px 20px 6px 20px; height:17px; position: relative; float: left; background:none #2a2a2a; border:none; text-decoration:none; -moz-border-radius:2px; -khtml-border-radius: 2px; -webkit-border-radius:2px; font:bold 10px/17px Arial, sans-serif; color:#ffb300; } .btn-tiny span.btn-style { padding:2px 20px 2px 20px; height:17px; font-weight:normal; } .btn:hover { text-decoration:none; } .btn:hover span.btn-style { background:none #333; text-decoration:none; color:#ffb300; } .btn:active span.btn-style { background:none #333; color:#ffb300; } .btn-active span.btn-style { background:none #333; color:#ffb300; } .btn span.btn-bg-white { background:none #fff; color:#4d4d4d; margin:0; } .btn:hover span.btn-bg-tinywhite { background:none #f5f5f5; color:#9e9e9e; margin:0; border:1px solid #e6e6e6; } .btn span.btn-bg-tinywhite { background:none #f9f9f9; color:#9e9e9e; margin:0; border:1px solid #e6e6e6; } .btn:hover span.btn-bg-white { background:none #fff; text-decoration:none; color:#4d4d4d; } .btn:active span.btn-bg-white { background:none #fff; color:#ffb300; color:#4d4d4d; } .btn-active span.btn-bg-white { background:none #fff; color:#ffb300; color:#4d4d4d; } a.btn span.btn-style span.cross { background:url('../images/sprite-icons.png') -96px 0 no-repeat; margin:0; position:relative; top:1px; left:-1px; } #sidebar .zend_form { margin:15px 0 10px 0; } #sidebar .zend_form dt { margin-bottom:8px; clear:both; width:75px; float:left; font-size:14px; } #sidebar .zend_form dd { margin-bottom:8px; } #sidebar .zend_form dd select { width:135px; _width:132px; } #sidebar .zend_form .btn { _position:relative; _left:4px; } /*#sidebar .join { margin:-20px -20px 20px; padding:20px; width:210px; border-bottom:1px solid #ccc; height:289px; }*/ #sidebar .join { height:334px; } #sidebar .join .picture { margin-bottom:10px; } #sidebar .join .more-yellow { margin-top:10px; float:left; } /* --------------------------------------------------------------------------------------------------------------------- #TRACKS - EVENT */ #sidebar-left #content { background:url('../images/bg-content-sidebar-left.png') repeat-y; zoom:1 } #sidebar-left #main { position:relative; float:right; width:709px; border-top:solid 1px #d7d7d7; } #sidebar-left #sidebar { position:relative; padding:20px; float:left; width:210px; border-top:solid 1px #d7d7d7; } #sidebar-right #content { background:url('../images/bg-content-sidebar-right.png') repeat-y; zoom:1 } #sidebar-right #main { position:relative; float:left; width:709px; border-top:solid 1px #d7d7d7; } #sidebar-right #sidebar { position:relative; padding:20px; float:left; width:210px; border-top:solid 1px #d7d7d7; } #sidebar-left #sidebar h3, #sidebar-right #sidebar h3, #map #sidebar h3, #map-search label { padding:2px 0 5px; margin-bottom:20px; border-top:solid 3px #4d4d4d; border-bottom:solid 1px #4d4d4d; } #sidebar-left #main div.in, #sidebar-right #main div.in { padding:20px 19px 20px 20px; } #sidebar-left #main div.separator, #sidebar-right #main div.separator{ border-bottom:solid 1px #d0d0d0; } #track-search { border-top:solid 1px #d7d7d7; } #track-search div { margin:20px; padding:10px; background:#f4f4f4; } #track-text, #filter-tracks-list { padding:5px; border:solid 1px #bdbdbd; font:normal 12px/18px Arial; color:#999; width:200px; } #track-search select { margin-right:5px; padding:3px 3px 4px 3px; border:solid 1px #bdbdbd; } .tabs { background-color:#4d4d4d; margin-top:1px; padding:0 1px; width:706px; } .thirdy-menu { zoom:1; font-size:11px; line-height:26px; display:block; } .thirdy-menu li { float:left; } .thirdy-menu li a { float:left; margin:1px 10px 0 0; _margin:2px 1px 0 0; padding:0 20px; color:#fff; background:#4d4d4d; text-decoration:none; height:26px; display:block; } .thirdy-menu li a:hover{ color:#fff; background:#333; text-decoration:none; } .thirdy-menu li.right { float:right; } .thirdy-menu .active a, .thirdy-menu .active a:hover { background:#fff; color:#4d4d4d } /*-*/ .focus { display:block; position:relative; width:708px; height:330px; text-decoration:none; color:#fff; } a.focus:hover { text-decoration:none; color:#fff; cursor:pointer; } .focus .description { padding:15px; width:175px; position:absolute; bottom:20px; left:20px; background:url('../images/bg-dark.png') !important; background:none #4d4d4d; font:normal 11px/16px Arial; color:#fff; display:block; } .focus-right .description { left:485px; } .focus .description .conduit { margin-bottom:5px; font:200 32px/22px 'Conduit ITC'; color:#f3bb00; text-transform:uppercase; display:block; letter-spacing:-1px; } .focus .description .conduit em { font:200 22px/22px 'Conduit ITC'; text-transform:none; display:block; } .focus .date { width:295px; position:absolute; bottom:30px; left:30px; background:url('../images/bg-focus-date.png') repeat-y #333; display:block; } .focus .date .conduit { padding:8px 9px; font:200 24px/20px 'Conduit ITC'; color:#333; letter-spacing:0; float:left; text-transform:uppercase; width:72px; font-weight:200; text-align:center; } .focus .date .conduit strong { font-weight:700; font-size:14px; line-height:16px; display:block; position:relative; top:-2px; } .focus .date .title { padding:10px 15px; width:175px; float:left; font:bold 14px/18px Arial; color:#f3bb00; } .focus .date .title em { color:#808080; font-size:12px; font-weight:normal; } #sidebar-right .focus { margin-left:1px; } /*-*/ ul.listing { zoom:1; margin-bottom:20px; } ul.listing li { display:block; zoom:1; } ul.listing li a { margin-bottom:1px; padding:11px; background:#cecece; display:block; font:normal 12px/15px Arial; color:#4d4d4d; text-decoration:none;} ul.listing li a:hover { background:#f6ecd6; color:#4d4d4d; text-decoration:none; } ul.listing li a .arrow { background-position:-32px 0; float:right; } ul.listing li.active a { background:#4d4d4d; color:#f3bb00; text-decoration:none; } ul.listing li.active a .arrow { background-position: -48px 0; } ul.listing-date li a { padding:4px 6px; font-weight:bold; } ul.listing-date li a .arrow { position:relative; top:8px; } ul.listing-date li a .details { font-size:10px; font-weight:normal; color:#fff; display:block; } ul.listing-date a:hover .details { color:#4d4d4d; } ul.listing-date .active a .details {color:#f3bb00; } /* grid based of 95px-column with 20px gutter */ .grid-w95-g20 .cell-1, .grid-w95-g20 .cell-2, .grid-w95-g20 .cell-3, .grid-w95-g20 .cell-4, .grid-w95-g20 .cell-5, .grid-w95-g20 .cell-6 { display:inline; float: left; position: relative; margin-right:20px; } .grid-w95-g20 .cell-last { margin-right: 0; } .grid-w95-g20 .cell, .grid-w95-g20 .cell-1 { width:95px; } .grid-w95-g20 .cell-2 { width:210px; } .grid-w95-g20 .cell-3 { width:325px; } .grid-w95-g20 .cell-4 { width:440px; } .grid-w95-g20 .cell-5 { width:555px; } .grid-w95-g20 .cell-6 { width:670px; } /* grid based of 4x150px-column with 20px gutter */ .grid-w150-g20 .cell { display:inline; float: left; position: relative; margin-right:20px; width:150px; } .grid-w150-g20 .cell-last { margin-right: 0; } /* grid based of 4x215px-column with 20px gutter */ .grid-w215-g20 .cell { display:inline; float: left; position: relative; margin-right:20px; width:215px; } .grid-w215-g20 .cell-last { margin-right: 0; } /* grid based of 2x450px-column with 20px gutter */ .grid-w450-g20 .cell { display:inline; float: left; position: relative; margin-right:20px; width:450px; } .grid-w450-g20 .cell-last { margin-right: 0; } /* grid based of 3x293px-column with 20px gutter */ .grid-w293-g20 .cell { display:inline; float: left; position: relative; margin-right:20px; width:293px; } .grid-w293-g20 .cell-last { margin-right: 0; } .grid-w57-g20 { padding:20px 18px; } .grid-w57-g20 .cell, .grid-w57-g20 .cell-3-last, .grid-w57-g20 .cell-6, .grid-w57-g20 .cell-6-last, .grid-w57-g20 .cell-9 { display:inline; float: left; position: relative; margin-right:20px; width:57px; } .grid-w57-g20 .cell-3-last { width:231px; } .grid-w57-g20 .cell-6 { width:442px; } .grid-w57-g20 .cell-6-last { width:422px; } .grid-w57-g20 .cell-9 { width:673px; } .grid-w57-g20 .cell-last { margin-right:0; } .grid-w62-g16 { padding:20px 20px;float:left; } .grid-w62-g16 .cell, .grid-w62-g16 .cell-1, .grid-w62-g16 .cell-2, .grid-w62-g16 .cell-3, .grid-w62-g16 .cell-4, .grid-w62-g16 .cell-5, .grid-w62-g16 .cell-6, .grid-w62-g16 .cell-7, .grid-w62-g16 .cell-8, .grid-w62-g16 .cell-9, .grid-w62-g16 .cell-10, .grid-w62-g16 .cell-11, .grid-w62-g16 .cell-12 { margin-right:16px;float:left;position:relative;} .grid-w62-g16 .cell-last { margin-right:0;} .grid-w62-g16 .cell-1 { width:62px;} .grid-w62-g16 .cell-2 { width:140px;} .grid-w62-g16 .cell-3 { width:218px;} .grid-w62-g16 .cell-4 { width:296px;} .grid-w62-g16 .cell-5 { width:374px;} .grid-w62-g16 .cell-6 { width:452px;} .grid-w62-g16 .cell-7 { width:530px;} .grid-w62-g16 .cell-8 { width:608px;} .grid-w62-g16 .cell-9 { width:686px;} .grid-w62-g16 .cell-10 { width:764px;} .grid-w62-g16 .cell-11 { width:842px;} .grid-w62-g16 .cell-12 { width:920px;} .grid-w62-g16 .prepend-2 { margin-left:140px;} /*-*/ .tracks { margin:10px 0 0 20px; } .tracks .track { margin-bottom:20px; height:185px; background:#efeff1; border-bottom:solid 1px #c9c9c9; text-align:center; font-weight:bold; } .tracks .track:hover { background:#4d4d4d; color:#f3bb00; border-color:#4d4d4d; text-decoration:none; } .tracks img{ margin-bottom:5px; } .gallery-nav { margin:-20px 0 0; padding:20px; position:relative; background:#efeff0; height:20px;} .gallery-nav .infos { position:absolute; right:20px; top:20px; } .gallery-nav ul { display:block; position:absolute; top:13px; left:300px; width:75px; height:31px; } .gallery-nav ul li { float:left; width:37px; height:31px; } .gallery-nav ul li a { background:#333; display:block; width:37px; height:31px; } .gallery-nav ul li a.prev { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .gallery-nav ul li a.next { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .gallery-nav ul li a.prev .icon { background-position:0 -16px; position:relative; top:7px; left:7px; } .gallery-nav ul li a.next .icon { background-position:-16px -16px; position:relative; top:7px; left:15px; } .gallery-nav ul li .pipe { text-indent:-9999px; height:16px; width:1px; border-right:dotted 1px #f1b900; display:block; position:absolute; top:8px; left:36px; } div.multiupload { margin:-20px 0 20px 0; padding:20px; position:relative; background:#efeff0; height:20px; } div.multiupload #divStatus { float:right; } div.multiupload .swfupload { opacity:0; position:absolute; left:20px; top:20px; z-index:2; } div.multiupload .btn-style { float:none; } /*-*/ .fans a.fan { padding:120px 10px 0 70px; height:56px; width:70px; position:relative; background:#f7f7f7; border-bottom: solid 1px #8c8c8c; color:#999; font-size:10px; line-height:13px; } .fans a.fan:hover { text-decoration:none; } .fans a.fan strong { color:#4d4d4d; display:block; } .fans a.fan .car { position:absolute; top:0; left:0; } .fans a.fan .user { position:absolute; bottom:3px; left:3px; } /*-*/ .tofs a.tof { padding:0; width:150px; position:relative; text-align:center; background:#f7f7f7; border-bottom: solid 1px #8c8c8c; color:#999; font-size:11px; line-height:15px; } .tofs a.tof:hover { background:#f6ecd6; text-decoration:none; } .tofs a.tof .title { margin-top:10px; color:#333; display:block; } .tofs a.tof .description { margin-bottom:10px; color:#999; display:block; } /*-*/ .events { margin-bottom:20px; border-top:solid 1px #d7d7d7; zoom:1; } .events .event { padding:10px 0; border-bottom:solid 1px #d7d7d7; } .events .event .margin-l-2 { margin-left: 230px; } .events .even { background-color:#f6f6f6; } .events .hover, ul.listing .marker:hover { background-color:#fef8d4; } .events .event .date { font:200 24px/24px "Conduit ITC", Arial, sans-serif; color:#333; position:relative; top:18px; left:10px; } .events .event .div-date { text-align: center; } .events .event h6 a { color:#333; text-decoration:none; } .events .event h6 a:hover { color:#000; text-decoration:none; } .events .event .details, .events .event .details a { color:#666; text-decoration:none; } .events .event .details a:hover { color:#333; text-decoration:none; } #event-home .grid-w450-g20 { padding:50px 20px 20px 20px; border-bottom:solid 1px #d7d7d7; } #event-home .grid-w293-g20 { padding:20px; } #event-home .grid-w450-g20 .focus { height:210px; width:450px; } #event-home .grid-w450-g20 .focus .date { bottom:10px; left:10px; } #event-home .event { padding:10px 10px 20px 100px; position:relative; } #event-home .event h6 { font-size:13px; } #event-home .event .date { position:absolute; top:8px; left:15px; width:85px; display:block; line-height:15px; } #event-home .event .date .conduit { font:200 13px/15px 'Conduit ITC'; color:#333; letter-spacing:0; text-transform:uppercase; width:72px; font-weight:200; } #event-home .event .date .conduit strong { font-weight:700; font-size:14px; } #event-home .event .infos { font-size:10px; color:#707070; } #event-home .grid-w293-g20 .focus { margin-bottom:5px; height:130px; width:293px; } #event-home .grid-w293-g20 .focus .date { top:0; left:0px; background-color:transparent; height:50px; } #event-home .grid-w293-g20 .focus .date .conduit { padding:5px 9px; } #event-home .grid-w293-g20 .infos { margin-bottom:10px; font-size:10px; color:#707070; } #event-home .grid-w293-g20 .cell { padding-bottom:10px; border-bottom:solid #d7d7d7 1px; } #event-home .grid-w293-g20 h6 { font-size:13px; } #event-home .grid-w450-g20 .btn-tiny .btn-style { margin:0; } #event-home .grid-w293-g20 .btn-tiny .btn-style { margin:10px 0 20px 0; } #event-home .grid-w293-g20 a.more-yellow { float:right; } .download { padding:15px 0 0 0; border-top:solid 1px #d7d7d7; position:relative; } .download .picture { margin-right:10px; margin-bottom:20px; position:relative; top:5px; } .download ul { width:300px; } .download .icon-download { background-position:-64px -16px; float:left; position:relative; top:2px; } .btn-download { position:absolute; top:30px; right:50px; } .btn-register { position:absolute; top:30px; right:50px; } .btn-login { position:absolute; top:30px; right:180px; } a.rss { padding-right:18px; display:block; float:right; position:relative; top:11px; color:#f3bc00; text-decoration:none; font:bold 10px Arial; zoom:1; } a.rss .icon-rss { position:absolute; background-position:-114px 0; right:0; top:-2px; } a.rss-event-soon { float:right; margin-right:228px; _margin-right:114px; zoom:1; } a.more-yellow { padding-right:18px; display:block; float:left; position:relative; zoom:1; color:#f3bc00; text-decoration:none; font:bold 10px Arial; } a.more-inline { display:inline;zoom:1;color:#f3bc00;text-decoration:none; font:normal 12px Arial;} a.more-inline:hover { text-decoration:underline;} a.more-yellow .icon { position:absolute; background-position:-48px 0; right:0; top:-1px; } a.back-link { padding-left:18px; display:block; position:relative; color:#333; text-decoration:none; zoom:1; } a.back-link .icon { position:absolute; background-position:-64px 0; left:0; top:1px; } /*-*/ .pagination { position:relative; top:-15px; float:right; font-size:11px; } /*-*/ dl.infos { } dl.infos dt { display:inline; width:95px; float:left; margin-right:10px; font-size:11px; color:#999; text-align:right; } dl.infos dd { display:inline; width:220px; float:left; margin-right:0px; } dl.infos .price { margin-bottom:10px; } dl.infos .price span{ background:#E6E6E6; font-weight:bold; padding:5px; } /* --------------------------------------------------------------------------------------------------------------------- #MAP */ #map #main { position:relative; float:left; width:709px; border-top:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; } #map #sidebar { padding:20px; position:relative; float:left; width:210px; border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; } #track-map { padding:20px; background:#f2f2f2; } /* --------------------------------------------------------------------------------------------------------------------- #LOTUS-HOME #lotus-home #main { padding:20px; position:relative; } #lotus-home .focus { width:920px; } #lotus-home .focus .description { bottom:50px; } #lotus-home .focus .link { padding:6px 8px 7px 8px; width:100px; position:absolute; bottom:20px; left:20px; background:#000; opacity:0.9; filter:alpha(opacity=90); display:block; font:normal 11px/16px Arial; color:#f3bb00; } */ /* --------------------------------------------------------------------------------------------------------------------- #CARTOGRAPHIE */ .map #wrap #content { background:#fff;} .map .inner { background:#f2f2f2; border-right:1px solid #d7d7d7; padding-bottom:20px;} #carto { width:708px; height:622px; clear:both;} /*-*/ #map-search { padding:21px 0 30px 20px; display:block;} #map-search label, #map-search .text, #map-search .btn { float:left;} #map-search label { font:200 20px/15px "Conduit ITC", Arial, sans-serif; margin-right:15px; line-height:10px;} #map-search .text { margin:0 3px 0 0;} /*-*/ #markers-list { margin: 0 0 5px; min-height:573px; _height:573px;} .marker { padding:10px 0; border-bottom:1px solid #d7d7d7; overflow:hidden; cursor:pointer;} .marker .picture { margin: 0 10px 0 0; float:left; } .marker-content { width:127px; float:left; line-height:14px;} .marker-content h4 { margin:0; font:bold 12px Arial, sans-serif; color:#333;} .marker-content p { margin: 0 0 10px 0;} .marker-content .more { padding:0 15px 0 0; display:inline; font-size:10px; background:transparent; position:relative; #zoom:1; } .marker-content .more:hover, .marker-content .more:focus { background:transparent;} ul.listing .marker a .arrow{ position:absolute; right:0; top:0; float:none;} ul.listing .on { display:block;} ul.listing .off { display:none;} .oo-pager { text-align:right; font-size:11px;} .oo-pager .from, .oo-pager .to, .oo-pager .total, .oo-pager .sep { font-weight:bold;} .oo-pager .icon-pager { float:none; display:inline-block;*display:inline;*zoom:1;} .oo-pager .pager-prev { margin-right : 3px;} .oo-pager .pager-next { margin-left : 3px;} .oo-pager a .icon-pager { position:relative; top:5px;} .oo-pager a .icon-pager-next { background-position:-32px -16px;} .oo-pager a .icon-pager-prev { background-position:-48px -16px;} .oo-pager a:hover, .oo-pager a:focus {text-decoration:none; outline:none;} .oo-pager .inactive { display:none;} .switcher-carto { margin:0 0 5px 0;} .switcher-carto a { margin-right:5px;} .switcher-carto .selected { font-weight:bold;} .infoBox #infobox-outer { padding-top: 10px; background:url(../images/infobox-top.png) no-repeat 0 0; _background:url(../images/infobox-top.gif) no-repeat 0 0; } .infoBox #infobox-inner { background:url(../images/infobox-repeat.png) repeat-y 0 0; _background:#fff none; padding-right:6px;} .infoBox { position:relative; overflow:hidden; } .infoBox .picture { float:left; margin:0 10px 0 0; position:static;} .infoBox .marker-content { width:116px;} .infoBox .marker-content p { font-size:10px;} .infoBox .more, .infoBox .more:hover, .infoBox .more:focus { color:#f3bb00; background:#fff; text-decoration:none;} .infoBox .more .icon { background-position:-48px 0; display:inline-block;*display:inline;*zoom:1; position:absolute; right:0; top:0; overflow:hidden;} .infoBox #infobox-content { padding:10px 15px 5px 10px; _height:72px;} #infobox-content div { overflow:hidden;} .infoBox .close { position:absolute !important; right:27px; top:13px; z-index:900;} #infobox-wrap { background:url(../images/infobox-bottom.png) no-repeat left bottom; _background:transparent none; padding:0 0 5px; overflow:hidden;} /*map hotel*/ #map-hotel { width:670px; height:340px;} .map-legend { padding:15px 0;} .map-legend li, .map-legend li .picture { float:left; margin: 0 5px 0 0; } .map-legend li .picture { } .map-legend li img { vertical-align:middle; margin: 0 5px 0 0; } .map-legend li { margin-right:20px; } /* home */ .carousel-home { overflow:hidden; position:relative; width:673px; height:290px; } .carousel-home .carousel-view { position:relative; width:673px; height:290px; } .carousel-home .carousel-view ul { position:relative; width:99999px; height:290px; } .carousel-home .carousel-view li.focus { position:relative; width:673px; height:290px; float:left; } .carousel-home .carousel-view li.focus .description { width:245px; font-size:13px; line-height:18px; height:139px; overflow:hidden; } .carousel-home .carousel-list { position:absolute; right:20px; bottom:20px; } .carousel-home .carousel-prev { padding:10px 15px; float:left; background:url('../images/bg-dark.png') !important; background:none #4d4d4d; } .carousel-home .carousel-next { padding:10px 15px; float:left; background:url('../images/bg-dark.png') !important; background:none #4d4d4d; } .carousel-home .carousel-prev:hover { background:none #000 !important; background:none #000; } .carousel-home .carousel-next:hover { background:none #000 !important; background:none #000; } .carousel-home .carousel-prev .icon { display:block; text-indent:-9999px; background:url(../images/sprite-icons.png) no-repeat -128px 0; width:16px; height:32px; } .carousel-home .carousel-next .icon { display:block; text-indent:-9999px; background:url(../images/sprite-icons.png) no-repeat -144px 0; width:16px; height:32px; } /*-*/ #home { zoom:1; } #homeloginform { background:url(../images/home-login.jpg) no-repeat; height:289px; } #homeloginform label, #homeloginform #checkbox-label, #homeloginform #checkbox-element { display:none; } #homeloginform h2 { margin:6px 21px; font-weight:700; color:#fff; } #homeloginform #login { padding:5px 10px 5px 30px; position:absolute; top:62px; left:22px; width:147px; height:20px; border:none; background:none transparent; font-size:13px; color:#777; line-height:20px; } #homeloginform #password { padding:5px 10px 5px 30px; position:absolute; top:114px; left:22px; width:147px; height:20px; border:none; background:none transparent; font-size:13px; color:#777; line-height:20px; } #homeloginform #submit-element { position:absolute; top:168px; left:22px; text-align:center; width:186px; } #homeloginform #submit-element .btn-style { width:146px; } #homeloginform .forgot-password { position:absolute; top:210px; left:21px; color:#fff; font-size:11px; line-height:16px } #homeloginform .forgot-password a { color:#f3bb00; text-decoration:underline; } /*-*/ #home #event-home { width:462px; } #home .events { margin:-20px 0 8px; border-top:none; } #home .events .event { padding:7px 10px 11px 100px; zoom:1; } #home .events .event .date { top:4px; } #home .btn { display:block; float:none; } #home .btn .btn-style { margin:0; display:block; float:none; text-align:center; font-size:12px; } /*-*/ #home .box-lotus { padding:10px 20px 20px; background:#f6f6f6; border:solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home .box-lotus h3 { text-align:center; background:url(../images/px-yellow.png) repeat-x 0 11px; margin-bottom:16px; } #home .box-lotus h3 span { padding:0 10px; background:#f6f6f6; } /*-*/ #home .box-forum { padding:10px 20px 20px; background:#f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home .box-forum h3 { text-align:center; background:url(../images/bg-dark.png) repeat-x 0 11px; } #home .box-forum h3 span { padding:0 10px; background:#f6f6f6; } #home .box-forum .conduit { margin-bottom:18px; font-weight:300; text-align:center; font-size:18px;} /* ANNONCES */ .header-btn { } .header-btn .btn { position:absolute;top:42px;right:10px;} .header-btn .btn .icon { background-position:-160px -16px;width:16px;height:16px;position:relative;top:3px;margin-right:5px;} .header-btn .btn span.btn-style { height:20px;padding:8px 15px;} .header-btn .btn .conduit { text-transform:uppercase;font-size:18px;font-weight:normal;} #sidebar .aside-search { display:block;margin-bottom:15px;} #sidebar .aside-search input { width:198px;margin:0; padding:5px; background:none #fff; color:#333; border:1px solid #c3c3c3; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; font:normal 11px/normal Arial,Verdana,sans-serif;} /*Theads*/ .ads { display:block;position:relative;font-size:11px;height:220px;padding-bottom:20px;margin-top:20px;border-bottom:1px solid #d7d7d7;} .first { margin-top:0;} .ads .price, .one-ads .big-img .price { position:absolute;top:1px;right:0;} .ads .price .text { display:inline-block;*display:inline;*zoom:1;padding:5px 10px;background:#f2bc02; font-size:14px;font-weight:bold;color:#fff; -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;} .one-ads .price .text { display:inline-block;*display:inline;*zoom:1;padding:5px 10px;background:#f2bc02; font-size:18px;font-weight:bold;color:#fff;margin-right:15px; -moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;} .one-ads .icon-ads-sep, .ads .icon-ads-sep { background-position: -160px 0px !important;width:16px;height:16px;position:relative;top:5px;} .ads .descr h3 { border-bottom:1px dotted #b2b2b2;padding-bottom:5px;margin-bottom:5px;} .ads .descr p { margin-top:15px;} .ads .descr .date { font-size:10px;margin:0 0 5px 0;} .ads .descr .status { font-size: 11px;margin:0;color:red; font-weight: bold;} .ads a.more-yellow { position:absolute;left:345px;bottom:20px;} .ads a.more2-yellow { left:445px;} /*OneAds*/ .one-ads p.date { float:left;font-size:11px;margin-bottom:5px;} .one-ads .edit-ads { float: right;font-size: 11px;padding-right: 5px;line-height:18px;} .one-ads .edit-ads:hover { text-decoration:underline;} .one-ads .icon { background:url('../images/sprite-icons.png') no-repeat;width:16px;height:16px;} .one-ads .icon-phone { background-position:-80px -16px;} .one-ads .icon-loc { background-position:-96px -16px;} .icon-ads-pro { background-position:-112px -16px !important;width:17px;position:relative;top:3px;left:5px;} .contact-form { display:none;} #contact-form { text-align:left;width:370px;margin-bottom:45px;} #contact-form h3 { border-bottom:1px solid #d7d7d7;padding-bottom:15px;margin-bottom:20px;font-weight: bold;} #contact-form .form { width:100%;} #contact-form .form div { display:block;margin-bottom:15px;} #contact-form label { float:left;width:27%;padding-right:3%;margin-top:3px;font-weight:normal;} #contact-form textarea, #contact-form input[type=text] { width:66%;background:#e6e6e6;} #contact-form .btn { float:right;} .one-ads .left .descr { margin-top:15px;} .one-ads .left .cond { font-size:11px;} .one-ads .contact-menu { display:block;position:relative;height:25px;top:2px;zoom:1;z-index:5;} .one-ads .contact-menu li { float:left;} .one-ads .contact-menu a { display:block;width:100px;background:#F2F2F2;height:23px;border:1px solid #ededed;border-bottom:none; font-size:14px;line-height:20px;text-align:center;margin-right:6px;} .one-ads .contact-menu a.no-results{color:#CCC} .one-ads .contact-menu .last a { margin-right:0;} .one-ads .contact-menu .active a { background:#fff} .img-list { display:block;} .img-list li { float:left;padding:0px 5px 10px 5px;} .one-ads .seller { position:relative;} .one-ads .seller .tab-inner { position:absolute;padding:10px;border:1px solid #ededed;background:#fff;width:188px;} .one-ads .seller .head { float:left;width:100%;border-bottom:1px dotted #a9a9a9;padding-bottom:5px;margin-bottom:10px;} .one-ads .seller .head * { float:left;} .one-ads .seller .head span { float:left;font:400 14px/30px "Conduit ITC", Arial, sans-serif;margin-left:10px;} .one-ads .seller .infos { margin-left:20px;} .one-ads .seller .infos .more-yellow{font-size:11px;text-decoration:underline;} .one-ads .seller .infos li { position:relative;font-size:11px;line-height:22px;} .one-ads .seller .infos .icon { position:absolute;top:3px;left:-20px;} .one-ads .gmaps-ads { width:188px;height:170px;position:relative;float:left;display:block;} .one-ads .gmaps-ads a { font-size:8px !important;} .hide { visibility:hidden;} .hidden { display:none;} .similar-ads { float:left;border-bottom:1px solid #d7d7d7;width:100%;padding-bottom:10px;margin-bottom:10px;} .similar-ads .picture { float:left;margin-right:15px;} .similar-ads .descr { float:left;font-size:11px;} .similar-ads .descr h4 { font-size:14px;line-height:14px;margin-bottom:5px;} .ads-categ { display:block;position:relative;width:325px;height:120px;background:#2a2a2a;} .ads-categ img { position:absolute;left:30px;top:25px;background-image:url("../images/sprite-ads-home.png");} .ads-categ .icon-car { background-position:0px -70px;} .ads-categ:hover .icon-car { background-position:0px 0px;} .ads-categ .icon-key { background-position:110px -70px;} .ads-categ:hover .icon-key { background-position:110px 0px;} .ads-categ h3 { position:absolute;left:150px;top:45px;color:#8a8a8a;} .ads-categ:hover h3 { color:#f3bb00;} .ads-column { margin:20px 0;} .float-right { float:right !important;} .input-append { display:inline-block;*display:inline;*zoom:1;} .input-append input, .input-append button { margin:0;position:relative;top:0;float:left;height:14px} .input-append button { margin-left:-1px;border:0;height:auto;padding:5px 6px;#padding:3px 6px; background: #373737; /* Old browsers */ background: -moz-linear-gradient(top, #373737 0%, #282828 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#282828)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #373737 0%,#282828 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #373737 0%,#282828 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #373737 0%,#282828 100%); /* IE10+ */ background: linear-gradient(top, #373737 0%,#282828 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#282828',GradientType=0 ); /* IE6-9 */ } .input-append input { zoom:1;-webkit-border-radius: 3px 0 0 3px !important;-moz-border-radius: 3px 0 0 3px !important;border-radius: 3px 0 0 3px !important;} .input-append .add-on:last-child, .input-append .btn:last-child { zoom:1;-webkit-border-radius: 0 3px 3px 0 !important;-moz-border-radius: 0 3px 3px 0 !important;border-radius: 0 3px 3px 0 !important; } /* ------------------------------------------------------------------ */ /* MEMBERS /* ------------------------------------------------------------------ */ /*SPRITE*/ .icon-members { background-image:url(../images/sprite-icons.png) !important;background-repeat:no-repeat;width:16px; height:16px; } .members-table th.active .arrow-down, .members-table th.active .arrow-up {width:12px; height:16px; } .members-table th a:hover { color:black;} .members-table .arrow-down { background-position: -180px -16px; } .members-table .arrow-up { background-position: -180px 0; } .pager-arrow-next { background-position: -192px -16px; } .pager-arrow-prev { background-position: -192px 0; } .icon-info-place { background-position: -208px -16px !important; } .icon-info-event { background-position: -256px 0 !important; } .icon-info-message { background-position: -256px -16px !important; } .icon-info-tel { background-position: -272px 0 !important; } .icon-info-adress { background-position: -272px -16px !important; } .icon-profile { background-position: -224px -16px !important; } .active .icon-profile { background-position: -224px 0 !important; } .icon-cars { text-indent:-9999px;background-image:url(../images/sprite-cars.png);background-repeat:no-repeat width:48px; height:48px; } .icon-cars-event { background-position:0 0; } .icon-cars-km { background-position:-48px 0; } .icon-cars-color { background-position:0px -48px; } .icon-cars-tools { background-position:-48px -48px; } /*filterscheckbox*/ .checkbox label { display:block;padding-left:10px;margin-bottom:8px;font-size:14px;background:url('../images/checkbox.png') no-repeat left 2px; } .checkbox .checked { background:url('../images/checkbox-checked.png') no-repeat left 2px; } .checkbox input[type='checkbox']{ opacity:0; } /* TABLE MEMBERS */ .members-table td { vertical-align:middle;padding:10px !important;cursor:pointer !important; } .members-table th { padding-bottom:10px; } .members-table th .icon { display:none; } .members-table th { color:#474747; } .members-table th.active a { color:#000; } .members-table th.active .arrow-down, .members-table th.active .arrow-up {display:inline-block !important;*display:inline;*zoom:1;text-indent:-9999px;position:relative;top:5px;padding:0; } .members-table tbody tr.hover td { background:#FEF8D4;cursor:pointer !important;} /* TOPFILTERS */ .box-filters { background:#F5F5F5;padding:8px 10px;margin-bottom:15px;-webkit-border-radius: 3px;border-radius: 3px; } .box-filters .byname { float:left; } .box-filters ul { list-style:none; } .box-filters ul li { float:left;margin-left:15px;position:relative;font-size:15px; } .box-filters ul i:first-child { margin-left:0; } .box-filters a { color:#a7a7a7;display:inline-table; } .box-filters .active a{ color:#333; } /* PAGER */ .box-pager { background:#F5F5F5;padding:8px 10px;-webkit-border-radius: 3px;border-radius: 3px; } .box-pager .filters { float:left; } .box-pager .pager { float:right;margin-right:20px; position:relative;top:2px; } .box-pager .pager-info ul { list-style:none; } .box-pager .pager-info ul li { float:left;margin-left:10px;position:relative; } .box-pager .pager-info ul li:first-child { margin-left:0; } .box-pager .pager select { margin:0; } .box-pager .pager-info .prev .icon-members { position:absolute;top:0;left:-20px; } .box-pager .pager-info .next .icon-members { position:absolute;top:0;right:-20px; } .box-pager .pager-info a { font-weight:bold;color:#a7a7a7; } .box-pager .pager-info .active a, .box-pager .pager-info a.prev, .box-pager .pager-info a.next { color:#333; } /* MEMBERS HOME */ #members-home #main { border-top: solid 1px #D7D7D7; } #members-home #main .no-pad { padding-top:0 !important; } #members-home .pad-r-14 { padding-right:14px; } #members-search { padding: 21px 0 19px 20px;display: block;background:#F2F2F2;margin-bottom:20px; } #members-search input { width:198px;margin:0; padding:5px; background:none #fff; color:#333; border:1px solid #c3c3c3; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; font:normal 11px/normal Arial,Verdana,sans-serif;} .about-cars h2.dotted, #members-home h2.dotted { border-bottom:3px solid #4d4d4d;padding-bottom:5px;margin-bottom:20px;margin-top: 15px; } .text-car-empty { position: absolute;top: 20px;left: 0;right: 0;font-weight: bold;font-size: 12px;text-align:center;} /*members list*/ #members-home .members-list { display:block; } #members-home .members-list ul { list-style:none;display:inline-block; } #members-home .members-list li { float:left;margin-right:10px;position:relative;margin-bottom:15px; } #members-home .members-list li.clear { float:none;margin-right:0;position:relative;margin-bottom:0; } #members-home .members-list li.last {margin-right:0; } #members-home .members-list li a { display:block;width:90px;text-align:center;font-weight:bold;font-size:11px; } #members-home .members-list li a:hover{text-decoration:none; } #members-home .members-list li img {display:block;margin-bottom:5px; } #members-profile .more-yellow, #members-home .more-yellow { font-size:12px !important;margin-bottom:15px;font-weight:normal; } /*sidebar*/ #members-home .map-box { position:relative;display:block; } #members-home .map-box div { position:absolute;bottom:20px;right:20px;width:216px;background:rgba(0,0,0,0.85);padding:10px 20px; } #members-home .map-box .conduit { font-size:26px;line-height:28px;text-transform:uppercase;color:#FFF; } #members-home .map-box strong { color:#f3bc00; } /*MEMBERS PROFILES*/ #members-profile .profile-info { background:#f4f4f4;margin-top:20px; } #members-profile .dotted { border-bottom:3px solid #4d4d4d;padding-bottom:15px;margin-bottom:18px; } /*profile*/ #members-profile img.profile { border:4px solid white;-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);margin-bottom:5px;} #members-profile .cell-9.title { margin-bottom:15px;} #members-profile .title h3 { font-size:40px;text-transform:none;font-weight:normal;margin-bottom:0; } #tooltip-content h4, .profile-info .title h4 { display:inline-block;font-size:30px;line-height:1;text-transform:lowercase;color:#838383;font-weight:normal; } #members-profile .info-list li .img {width:115px;} #members-profile .info-list li .title{font-weight:bold;} #members-profile .info-list li .icon{position:relative;margin-right:6px;float:left; } .media {} .media, .bd {overflow:hidden; _overflow:visible; zoom:1;} .media .img {float:left; margin-right: 10px;} .media .img img{display:block;} /*tabs*/ .about-cars .tabs, #members-profile .tabs { display:block;padding:0 20px;width:920px;height:45px;background:#414141;margin-top:0; } .about-cars .tabs ul, #members-profile .tabs ul { list-style:none;display:inline-block;zoom:1;#display:block;width:100%; } .about-cars .tabs li, #members-profile .tabs li { float:left;position:relative;height:40px;margin-top:5px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px; } .about-cars .tabs li a, #members-profile .tabs li a { display:block;padding:10px 20px 0 20px;font-weight:bold;color:#FFF; } .about-cars .tabs li.active, #members-profile .tabs li.active { background:#FFF; } .about-cars .tabs li.active a, #members-profile .tabs li.active a {color:#414141; } /*profiledescr*/ #members-profile .profile-desc { padding:40px 0 30px 0; } #members-profile .profile-desc p { font-size:12px;line-height:18px; } #members-profile .btn-large { margin-top:20px;display:block;} #members-profile .btn-large .btn-style { width: 100%;float: left;text-align: center;font-size: 12px; font-weight: normal;padding: 7px 0; } /*tooltip*/ #members-profile #tooltip-box { background:white;-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);-webkit-border-radius: 5px;border-radius: 5px; } #members-profile #tooltip-content { display:block;float:left;position:relative;padding:10px 20px;text-align:left; } /* carousel */ .carousel-member-profile { overflow:hidden; position:relative; width:530px; height:334px; } .carousel-member-profile .carousel-view { position:relative; width:530px; height:334px; } .carousel-member-profile .carousel-view ul { position:relative; width:99999px; height:334px; } .carousel-member-profile .carousel-view li { position:relative; width:530px; height:334px; float:left; } .carousel-member-profile .carousel-view li.focus .description { width:245px; font-size:13px; line-height:18px; height:139px; overflow:hidden; } .carousel-member-profile .carousel-list { position:absolute; right:20px; bottom:20px; } .carousel-member-profile .carousel-prev { padding:10px 5px 10px 15px; float:left; background:url('../images/bg-dark.png') !important; background:none #4d4d4d; } .carousel-member-profile .carousel-next { padding:10px 15px 10px 5px; float:left; background:url('../images/bg-dark.png') !important; background:none #4d4d4d; } .carousel-member-profile .carousel-prev:hover { background:none #000 !important; background:none #000; } .carousel-member-profile .carousel-next:hover { background:none #000 !important; background:none #000; } .carousel-member-profile .carousel-prev .icon { display:block; text-indent:-9999px; background:url(../images/sprite-icons.png) no-repeat -240px -16px; width:16px; height:16px; } .carousel-member-profile .carousel-next .icon { display:block; text-indent:-9999px; background:url(../images/sprite-icons.png) no-repeat -240px 0; width:16px; height:16px; } .carousel-member-profile .description { padding:10px 15px;position: absolute;top: 20px;left: 20px; background: url('../images/bg-dark.png') !important; font-size:20px;color: #f2bb00;display: block;} /*map*/ #members-profile #map-canvas { width:374px; height:334px; } /*medias list*/ .list-medias li { margin-bottom:8px;position:relative; } .list-medias a { display:block;text-transform:uppercase;font-size:12px; } .list-videos li .play { position:absolute;left:50%;margin-left:-23px;top:50%;margin-top:-31px; } /*overides members-car-profile*/ #members-profile .car-info { max-height: 305px;height: auto;background: #F4F4F4;margin-top: 20px;} #members-profile .car-info .title h3{margin-bottom:10px;} #members-profile .car-info .profile{margin-left:-15px; } #members-profile .info-cars .cell-4 li{display:block;padding-bottom:15px; } #members-profile .info-cars .cell-8 ul{display:inline-block;*display:inline;*zoom:1;background:#f6f6f6;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9D9D9; } #members-profile .info-cars .cell-8 li{display:block;padding:20px 0; } #members-profile .info-cars img { position:absolute;top:15px;left:20px; } #members-profile .info-cars .text { display:block;padding:0 10px 0 88px; } #members-profile .info-cars strong{ display:block; } #members-profile .others-cars .cell {font-size:12px;margin-bottom:20px; } #members-profile .others-cars .cell img { margin-bottom:5px; } #members-profile .others-cars .cell strong { display:block;font-size:16px; } #members-profile .user-card { background:#FFF;-webkit-border-radius:3px;border-radius:3px;height:55px;position:relative;top:120px;left:0; } #members-profile .user-card>img { position:absolute;top:0;left:0;-webkit-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px; } #members-profile .user-card .text { padding:7px 10px 5px 75px; } #members-profile .user-card strong {display:block;font-size:16px;color:#838383;margin-bottom:5px; } /*MAP*/ /*MAPMEMBERS*/ #members-map { height:auto;min-height:700px;display:block; } #members-map .user-card { position:relative;left:0; } #members-map .user-card>img { position:absolute;top:5px;left:5px; } #members-map .user-card .text { padding:7px 10px 5px 75px; } #members-map .user-card strong {display:block;font-size:16px;color:#838383;margin-bottom:5px; } /*CARS*/ /*SPRITES*/ .list-lotus .icon-arrow { background-position:-32px 0;width:16px;height:16px; position:absolute;top:6px;right:5px;} .list-lotus>ul>li.active>a .icon-arrow {background-position:-288px 0;width:16px;height:16px;} /* MEDIAS OBJECTS */ .media-object { margin:10px;} .media-object .media-object { margin:0 !important;} .media-object, .right { overflow:hidden; _overflow:visible; zoom:1;} .media-object .left { float:left; margin-right: 10px;} .media-object .left img{ display:block;} /* SIDEBAR LEFT STYLE */ .list-lotus li { display:block;position:relative; } .list-lotus>ul>li.active>a { font-weight:bold;} .list-lotus a { display:block;position:relative;background:#D0D0D0; padding:5px 10px;margin-bottom:1px;text-decoration:none;zoom:1; } .list-lotus ul ul .active a, .list-lotus a:hover { background:#4D4D4D;color:#F3BB00;text-decoration:none;} .list-lotus>ul>li>a { text-transform:uppercase;} .list-lotus ul ul a { padding-left:20px;} /* TOP IMG */ .about-cars .img-heading { display:block;position:relative;height:340px;} .about-cars .img-heading div { position: absolute;bottom: 20px;left: 20px;width: 210px;background:black; background: rgba(0, 0, 0, 0.7);padding: 10px 20px;} .about-cars .img-heading div .more-yellow { margin:10px 0; } .about-cars .img-heading .conduit { font-size:26px;line-height:28px;text-transform:uppercase;color:#f3bc00; } .about-cars .img-heading p { color:#FFF;font-family:arial;font-weight:normal;} /* BLOC AVIS/COMMENTS */ .about-cars .comments-list { display:block;margin-top:30px;} .about-cars .comments-list .about { min-width:120px;} .about-cars .comments-list .media-object { margin:0 0 10px 0; } .about-cars .comments-list>.media-object { border-bottom:1px solid #bebebe;padding-bottom:10px;} .about-cars .comments-list textarea {display:block;width:660px;margin-bottom:15px;} .about-cars .comments-list #submit-element {float:right; } /* OTHER MEMBERS WHO HAVE THIS CAR */ .models-members li { width:145px;margin-right:30px;float:left;position:relative;margin-bottom:30px; } .models-members a:hover, .models-members a { text-decoration:none;} .models-members .media-object { margin:0; } #cars-catalogue .models-members li { margin-right:10px; } #cars-catalogue .models-members li.last, .models-members li.last {margin-right:0px;} /* SOUS LISTE MODELE/SERIE/VERSION */ .about-cars .sub-list .cell-6 { margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #bebebe; } .about-cars .sub-list .cell-6 a { outline:none;display:block;height:100px; } .about-cars .sub-list .title { font-weight:bold;font-size:14px;margin-bottom:5px; } .about-cars .sub-list span { font-weight:bold;font-size:18px;color:#aaa; } .about-cars .sub-list .cell-3 { color:#4C4C4C; } /*CARS CATALOGUE*/ .new-gamut li, .others-gamut li { background:#F6F6F6;border-bottom:1px solid #bebebe;margin-bottom:20px;} .new-gamut li h4, .others-gamut li h4 { font-weight:bold;font-size:14px;color:#333;} .new-gamut a:hover, .others-gamut a:hover { text-decoration:none;} /*FIX */ .multiple-input { position: relative !important; padding-bottom: 35px !important; } .multiple-input dl:last-child .input { margin-bottom:0; } .multiple-input .add { position: absolute; right: 0; bottom: 16px; } /** * Evolution du 11/15 par Bruyère Freelance */ /* footer */ #footer .links a img { vertical-align: middle; margin-right:3px; position:relative; bottom:3px; }