/* * 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; 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; } 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; _padding:0 7px; } #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:10px; 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:10px; 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; } 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 */ 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; } #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-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; } /*-*/ .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:-112px 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-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;} .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; position:absolute; right:0; top:0; overflow:hidden;} .infoBox #infobox-content { padding:10px 10px 5px; _height:72px;} #infobox-content div { overflow:hidden;} .infoBox #infobox-close { position:absolute; right:10px; top:13px;} #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;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;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 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:30%;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;} .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;}