/* ---------------------------------------------------------------------------- * Filename: style.css * Description: Default theme * Version: 1.0 (2010-10-14) ------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- 1. Layouts ----------------------------------------------------------------------------- */ /* home (B1) ----------------------------------------------------------------------------- */ html {} .home {color: #FFFFFF; } .home #bg1 { background: #15630c url(../images/layout/bg1.jpg) repeat-x center top; } .home #bg2 { background: transparent /* url(../images/layout/bg2.jpg) no-repeat center top */; } .home #bg3 { background: transparent /* url(../images/layout/bg3.jpg) no-repeat center bottom */; } .home #wrap-container { margin-top: 0px; } .home #container { width: 996px; color: #000000; } .home #header { width: 996px; height: 352px; background: url(../images/layout/header-bg.jpg) no-repeat left top; } .home #header-inner { } .home #content { width: 996px; background: transparent /* url(../images/layout/content-bg.jpg) no-repeat center top */; } .home #content-inner { } .home #sidebar { width: 230px;} .home #sidebar-inner { } .home #main { width: 756px; color: #000000; } .home #main-inner {padding :15px 0px 0px 0px; } .home #wrap-footer { margin-bottom: 0px; padding-bottom: 0px; background: #15630c url(../images/layout/bg-footer.jpg) repeat-x center top; height:54px;} .home #footer { width: 996px; color: #FFFFFF; } .home #footer-inner {padding: 10px 0px 0px 0px; } /*a:link, a:visited { color: #CC0000; } a:hover, a:active { color: #000000; }*/ /* ---------------------------------------------------------------------------- 2. Header elements ----------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- 3. Content elements ----------------------------------------------------------------------------- */ #main h1 { background: url(../images/layout/bg-h1.png) no-repeat; padding:0px 0px 0px 52px; background-position:0px 3px; } #nav { clear: both; background: #DDDDDD; } #nav-inner { padding: 5px; } #info { clear: both; background: url(../images/layout/bg-coordonees.jpg) no-repeat; width:230px; height:173px; margin: 0px 0px 10px 0px; } #info-inner { padding: 50px 11px 0px 11px; } #plan { float: right; width: 490px; height: 65px; } .space1 { margin-bottom: 25px;} .cont_plan { margin-left: 28px;} .plan-button { float:right; margin-right: 30px; margin-top: 10px;} .textbox1 {background: url(../images/layout/bg-text1.jpg) no-repeat; width: 746px; height: 24px; margin: 13px 0px; padding: 6px 0px 0px 10px; } .img-left {float: left; margin:0px 10px 10px 0px; display: inline;} .textbox2 {background: url(../images/layout/bg-text2.jpg) no-repeat; width:372px; height:94px; float:left; padding:5px 11px 0px 22px;} .textbox3 {background: url(../images/layout/bg-text3.jpg) no-repeat; width:372px; height:89px; float:left; padding:10px 11px 0px 22px;} .textbox4 {background: url(../images/layout/bg-text4.jpg) no-repeat; width:372px; height:84px; float:left; padding:15px 11px 0px 22px;} .box-left {float: left; width: 540px; margin-right: 10px; display: inline;} .box-right {float: left; background: url(../images/layout/box-right.jpg) no-repeat; width: 184px; height: 292px; padding: 22px 11px 0px 11px;} .box-right0 {float: left; background: url(../images/layout/box-right0.jpg) no-repeat; width: 188px; height: 292px; padding: 22px 7px 0px 11px;} .box-right1 {float: left; background: url(../images/layout/box-right1.jpg) no-repeat; width: 188px; height: 62px; padding: 37px 7px 0px 11px; margin-left: 10px; display:inline;} .textbox5 {background: url(../images/layout/bg-text1.jpg) no-repeat; width: 746px; height: 24px; margin: 16px 0px 5px 0px; padding: 6px 0px 0px 10px; } .textbox6 {background: url(../images/layout/bg-text4.jpg) no-repeat; width:372px; height:92px; float:left; padding:7px 11px 0px 22px;} /* ---------------------------------------------------------------------------- 4. Footer elements ----------------------------------------------------------------------------- */ #footer .box1 { float: left; text-align: left; } #footer .box2 { float: right; text-align: right; } #copyright { clear: both; } #copyright .site-name { font-weight: bold; } #made-by {margin-top: 3px; } #made-by-logo { display: inline-block; } #made-by a:link, #made-by a:visited { background: url(../images/layout/dage.jpg) no-repeat; width: 80px; height: 15px; float:left; } #made-by a:hover, #made-by a:active { background: url(../images/layout/dage-over.jpg) no-repeat; width: 80px; height: 15px; float:left; } #legal { } #legal a:link, #legal a:visited {color: #f7ff3c; text-decoration: underline; } #legal a:hover, #legal a:active {color: #f7ff3c; text-decoration: none; } .menu { } .menu li { float: left; } .menu li span { padding: 0 5px; } .menu li a:link, .menu li a:visited { color: #ffffff; text-decoration: none; } .menu li a:hover, .menu li a:active, .menu li.active a { color: #f7ff3c; text-decoration: underline; } /* ---------------------------------------------------------------------------- 5. Generic elements ----------------------------------------------------------------------------- */ /* Breadcrumbs ----------------------------------------------------------------------------- */ .breadcrumbs { background: #DDDDDD; padding: 10px; margin: 0 0 10px 0; font-weight: bold; } /* Lists ----------------------------------------------------------------------------- */ .list1 { float: left; } .list1 li { padding: 0 0 0 57px; background: url(../images/bullets/bullet1.jpg) no-repeat 40px 3px; } .list2 { float: left; padding: 35px 0px 15px 0px; } .list2 li { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.jpg) no-repeat 0px 4px; } .list3 { float: left; padding: 5px 0px 3px 10px; } .list3 li { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.jpg) no-repeat 0px 4px; } .list4 { float: left; padding: 2px 0px 7px 10px; } .list4 li { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.jpg) no-repeat 0px 4px; } .list5 { float: left; padding: 15px 0px 7px 10px; } .list5 li { padding: 3px 0px 3px 15px; background: url(../images/bullets/bullet1.jpg) no-repeat 0px 7px; } .list { float: left; padding: 5px 0px 3px 10px; } .list li { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.jpg) no-repeat 0px 5px; } /* Loaders ----------------------------------------------------------------------------- */ .loading-full { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; } .loading-elem { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; } /* Paginations ----------------------------------------------------------------------------- */ .pagination { clear: both; float: left; display: table; width: 100%; font-size: 11px; line-height: 15px; text-align: center; } .pagination a:link, .pagination a:visited, .pagination span { display: inline-block; overflow: hidden; margin: 20px 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none; background: #4d8c46; color: #ffffff; border-color: #77bd6f; } .pagination a:hover { background: #4d8c46; color: #ffffff; border-color: #000000; } .pagination .active { background: #0b4d04; color: #ffffff; border-color: #77bd6f; } .pagination .disabled { background: #EAEAEA; color: #999999; border-color: #BEBEBE; } /* Separators ----------------------------------------------------------------------------- */ .s1 { height: 2px; margin: 11px 0px 8px 0px; background: url(../images/layout/separator.jpg) repeat-x;} .s2 { height: 2px; margin: 6px 0px; background: url(../images/layout/separator.jpg) repeat-x;} /* Thumbnails ----------------------------------------------------------------------------- */ .thumb { display: inline-block; border: 1px solid #FFFFFF; background: #1E3853; } a.thumb:hover { border: 1px solid #FFFFFF; background: #FFFFFF; } /* Typography ----------------------------------------------------------------------------- */ .highlight { color: #CC0000; } .star { font: normal 11px Verdana, Arial, Helvetica, sans-serif; } /* ---------------------------------------------------------------------------- 6. Modules ----------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- Category Listing ----------------------------------------------------------------------------- */ .category-list { margin: 10px 0px 2px 0px; float:left; font-size: 11px; line-height: 15px; } .category-list .category { margin: 10px 0px 2px 0px; float:left; } .category-list .category-photo { margin-right: 22px; float:left; border: 1px solid #77bd6f; padding:2px;} .category-list .category-photo img { display: block; width: 118px; height: 118px; background: no-repeat center center; } .category-list .title-box { width:163px; height:16px; background: #77bd6f; color: #ffffff; margin-top:10px; padding: 2px 0px 0px 2px; text-align:center;} /* ---------------------------------------------------------------------------- Product Filters ----------------------------------------------------------------------------- */ .product-filters { font-size:11px; line-height:15px; color:#ffffff; } .product-filters .field { float: left; width: 400px; } .product-filters label { float: left; width: 70px; } .product-filters .input-text { float: left; width: 116px; } .product-filters select { float: left; width: 200px; background: #4d8c46; color: #ffffff; border: 0px solid #ffffff; } /* ---------------------------------------------------------------------------- Product Listing ----------------------------------------------------------------------------- */ .product-list { clear: both; } .product-list .product { margin: 0 0 10px 0; border: 1px dotted #777777; background: #FFFFFF; } .product-list .product-last { margin-right: 0 !important; } .product-list .product-inner { padding: 7px; } .product-list .product-promo { } .product-list .product-ref { } .product-list .product-title { } /* Product Listing > Prices ----------------------------------------------------------------------------- */ .product-list .product-prices { overflow: hidden; } .product-list .price-holder, .product-list .best_price-holder, .product-list .reduced_price-holder { background: #009933; color: #FFFFFF; padding: 5px 10px; } .product-list .price-holder.old { background: #CC0000; color: #FFFFFF; } .product-list .price-holder.old .price { text-decoration: line-through; } /* Product Listing > Photos ----------------------------------------------------------------------------- */ .product-list .product-photo { float: left; width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #000000; } .product-list .product-photo img { display: block; width: 118px; height: 118px; background: no-repeat center center; } /* ---------------------------------------------------------------------------- Product Details ----------------------------------------------------------------------------- */ /* Product Details > Photos ----------------------------------------------------------------------------- */ .product-details .product-photos { float: right; width: 244px; margin: 0 0 0 10px; } .product-details .product-large_photo { display: block; width: 240px; height: 240px; border: 1px solid #000000; } .product-details .product-large_photo img { display: block; width: 240px; height: 240px; background: no-repeat center center; } .product-details .product-small_photos { margin: 10px 0; } .product-details .product-small_photo { display: block; width: 80px; height: 80px; background-color: #FFFFFF; background: no-repeat center center; } /* Product Details > Prices ----------------------------------------------------------------------------- */ .product-details .product-prices { float: left; overflow: hidden; width: 300px; height: 56px; } .product-details .price-holder, .product-details .reduced_price-holder { background: #009933; color: #FFFFFF; padding: 5px 10px; } .product-details .price-holder.old { background: #CC0000; color: #FFFFFF; } .product-details .price-holder.old .price { text-decoration: line-through; } .product-details .message_price { padding: 5px 10px; } /* Product Details > Availability ----------------------------------------------------------------------------- */ .product-details .product-availability { float: left; overflow: hidden; width: 300px; height: 56px; margin: 10px 0; padding: 10px; border: 1px solid #333333; } /*addons-style_css*/ /* ---------------------------------------------------------------------------- Modules > Content management ----------------------------------------------------------------------------- */ .content-management { } .content-management .paragraph { margin: 0 0 10px 0; } .content-management .paragraph-title { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; } .content-management .paragraph-text { } .content-management .paragraph-images { } .paragraph.images .paragraph-images { } .paragraph.images-left .paragraph-images { float: left; margin: 0 10px 0 0; } .paragraph.images-right .paragraph-images { float: right; margin: 0 0 0 10px; } /* ---------------------------------------------------------------------------- Modules > MDM ----------------------------------------------------------------------------- */ #news { clear: both; background: url(../images/layout/bg-news.jpg) no-repeat; width:230px; margin:15px 0px 10px 0px; height:142px; } #news-inner { padding:43px 11px 0px 11px; } #news .news { } #news .news-inner { } #news .news-title { font-weight: bold; } #news .news-date { } #news .news-photo { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #ff6d00; } #news .news-text { text-align: justify; } #news .news-url { } #news .news-btn { float: right; } /* ---------------------------------------------------------------------------- Module > Actualites ----------------------------------------------------------------------------- */ #news-list { } #news-list-inner { } #news-list .news { margin: 0 0 10px 0; padding: 7px; background: transparent; } #news-list .news-title { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: url(../images/layout/bg-text5.jpg) no-repeat; color: #FFFFFF; } #news-list .news-date { } #news-list .news-photo { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; } #news-list .news-text { text-align: justify; } #news-list .news-url { } /* ---------------------------------------------------------------------------- Modules > Annuaires Web ----------------------------------------------------------------------------- */ #web-directory-desc { width: 100%; margin: 10px auto; } #web-directory-desc p { padding: 10px 0; text-align: center; } #web-directory-desc a:link, #web-directory-desc a:visited { } #web-directory-desc a:hover, #web-directory-desc a:active { } table#web-directory { width: 100%; margin: 0 auto; } table#web-directory td { background: url(../images/bullets/bullet1.jpg) no-repeat 5px 6px; padding: 0px 10px 0px 18px; vertical-align: top; } table#web-directory img { float: left; margin: 3px 5px; } table#web-directory a:link, table#web-directory a:visited { } table#web-directory a:hover, table#directory a:active { } /* ---------------------------------------------------------------------------- Modules > Liste Galerie ----------------------------------------------------------------------------- */ .gallerylist { } .gallerylist .gallery { float: left; margin: 0 5px; padding: 5px; text-align: center; background: transparent; } .gallerylist .gallery-title { } .gallerylist .gallery-date { clear: both; } .gallerylist .gallery-photo { float: left; padding: 2px; border: 1px solid #CCCCCC; } .gallerylist .gallery-btn { } /* ---------------------------------------------------------------------------- Modules > Liste Galerie > Details ----------------------------------------------------------------------------- */ #gallery-detail { } #gallery-detail .gallery-title { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; } #gallery-detail .gallery-date {} #gallery-detail .gallery-photos { } #gallery-detail .gallery-photo { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; } #gallery-detail .gallery-text { text-align: justify; } /* ---------------------------------------------------------------------------- Modules > Newsletter ----------------------------------------------------------------------------- */ #newsletter { background: url(../images/layout/bg-newsletter.jpg) no-repeat; width:230px; height:78px; margin:0px 0px 10px 0px; } #newsletter-inner { padding:44px 11px 0px 11px; }