/* ---------------------------------------------------------------------------- * Filename: style.css * Description: Default theme * Version: 1.0 (2010-10-14) ------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- 1. Layouts ----------------------------------------------------------------------------- */ /* home (B1) ----------------------------------------------------------------------------- */ .home { background: #FFFFFF ; color: #666666; } .home #bg1 { background: url(../images/layout/bg-top.jpg) repeat-x left top; } .home #bg2 { } .home #bg3 { } .home #wrap-container { margin-top: 0px; } .home #container { width: 996px; color: #000000; } .home #header { width: 996px; height: 153px; color: #FFFFFF; } .home #header-inner { } .home #content { width: 996px; min-height: 270px;} .home #content-inner { } .home #sidebar { } .home #sidebar-inner { } .home #main { width: 996px; color: #666666; } .home #main-inner { } .home #wrap-footer { margin-bottom: 0px; padding-bottom: 0px; margin-top:15px; z-index: 0;} .home #footer { width: 100%; background: url(../images/layout/bg-footer.jpg) repeat-x left top; color: #FFFFFF;min-height:97px;} .home #footer-inner { width:996px;margin:0 auto; margin-top:5px;} a:link, a:visited { color: #0082c5; } a:hover, a:active { text-decoration: underline; } /*Extra*/ .logo a { background: url(../images/layout/logo.png) no-repeat left top;width:266px;height:73px;float:left;margin-top:25px;} .logo a:hover { background: url(../images/layout/logo-over.png) no-repeat left top} .slogan { float:left;margin-left:50px;margin-top:23px;line-height:27px ;width:474px;} .search { float:right;margin-top:12px;} .header-search .input-search { background: url(../images/layout/bg-input-recherche.jpg) repeat-x left top;border:1px solid #fff;color:#666666;font-size:11px;height:20px;width:152px;float:left;text-indent:10px;line-height:20px;} .header-search .button_search { background: url(../images/layout/btn-recherche.png) no-repeat left top;float:left;width:19px;height:18px;border:none;margin-top:2px;margin-left:-20px} .header-search .button_search:hover { background: url(../images/layout/btn-recherche-over.png) no-repeat left top;} .e-catalog {float:right;margin-top:-18px;} .e-catalog span {display:block;margin-top:30px;text-indent: 50px;} .e-catalog a {background: url(../images/layout/bg-e-catalogue.png) no-repeat left top;float:left;width:166px;height:59px;text-align: center;font-size:16px;color:#0082c5;text-decoration: none;} .e-catalog a:hover {background: url(../images/layout/bg-e-catalogue-over.png) no-repeat left top;color:#666666;} .diapo-logos { background: url(../images/layout/shadow-diapo.png) no-repeat left bottom;height:238px;float:left;width:996px;margin-top:20px;margin-bottom:7px;} .extra { float: left;width:996px;margin:20px 0px 0px 0px ;} .encarts { float:left;width:304px;margin-right:42px; } .encarts-promo { width: 477px;; background:url(../images/layout/promotions-bg.png)no-repeat left top ; height: auto; height:190px;} .promotions { padding-right:15px; } .toutes-promotions { float: right; } .nouveautes { width: 477px; margin-right:42px; float: left;} .encarts-nouveautes { width: 477px; background:url(../images/layout/promotions-bg.png)no-repeat left top ; height: auto; height:190px;} .encarts-nouveautes-inner { width: 100%; } .encarts-promo-inner { width: 100%; } .promo { width: 477px; float: left;} .link-encart { float:right;background: url(../images/layout/bg-btns.jpg) repeat-x left top;border:1px solid #dfdfdf;padding:7px 10px;text-align: center;font-size:16px ;color:#000 !important;text-decoration: none !important;margin-top:10px;min-width:126px;} .link-encart:hover {background: url(../images/layout/bg-btns-over.jpg) repeat-x left top;color:#fff!important;} #partner-list { background:url(../images/layout/bg-encart.png) no-repeat left top;width:304px;height:187px; float:left;position: relative;z-index:9} .encarts-list { background:url(../images/layout/bg-encart.png) no-repeat left top;width:304px;height:187px;float:left;} .div-man { float:left;margin-right:40px;width:306px;} .div-man table td {vertical-align: top;} .div-man table .bg-spk {background: url(../images/layout/bg-man-spk.png) no-repeat left top;width:229px;height:48px;} .div-man table .bg-spk p {text-align: center;font-size:16px;line-height:48px;text-indent:12px;} .div-list { float:left;width:306px; margin-right:40px;} #partner-list-ref {width:600px ;display:block;margin:0 auto;height:225px;} .mentionsParag {width:547px;float:left;} .mentionsParag p img{ margin-right:8x;} .mentionsParag span{ margin-right:10px;} .page-404 {min-height:150px;background: url(../images/layout/bg-for-page.png) no-repeat center center;} .table-prods-content {width:60%;} .table-prods-content td {width:20%;} .table-logos-outils-ser {width:100% ;float:left;} .table-logos-outils-ser td{margin-right:7px;float:left;} .table-img-link-out-serr {width:100%;float:left;margin-bottom:20px;} .table-img-link-out-serr td {float:left;margin-right:60px;} .table-img-link-out-serr td span {margin-bottom:10px;display:block;} .table-team {background: #ececec; float: left;border: 1px solid #dfdfdf; margin-bottom:20px;} .table-team td {width:25%;text-align: left;padding:15px;vertical-align: top;line-height:22px;} /* ---------------------------------------------------------------------------- 2. Header elements ----------------------------------------------------------------------------- */ .languages-holder {float:right; background: #232323;padding:10px 5px 10px 10px;} .languages-holder .languages li {display:inline; cursor:pointer;float:left;margin-right:5px; } .languages-holder .languages li.transparent-flag {opacity:0.5;} .header-menu {float:left;margin-top:28px; z-index: 1;} .header-menu li {display:inline; position:relative;background: url(../images/layout/sep-menu.jpg) no-repeat 100% center;} .header-menu li.last {background: none;} .header-menu li a {color:#fff;font-size:13px;font-weight:bold;text-transform: uppercase;padding:10px 12px;text-decoration: none;} .header-menu li.active a,.header-menu li:hover a {background: #E0E0E0;color:#0082c5;} .header-menu > li.item1 a { background: url(../images/layout/icon-home.png) no-repeat center center; text-indent: -9999px; padding:0px 18px; white-space: nowrap; display: inline-block;} .header-menu > li.item1:hover a,.header-menu > li.item1.active a { background: url(../images/layout/icon-home-over.png) no-repeat center center; } .header-menu li ul.sous {min-width:240px; position: absolute; top:24px; left: 0px;background: #E0E0E0;border:1px solid #d5d5d5;z-index:9999 !important;} .header-menu li ul.sous li {background: none;float: none !important;display: block; } .header-menu li ul.sous li a {font-size:12px;font-weight:bold;text-transform: none;text-decoration: none;background:url(../images/layout/bullet-list.png) no-repeat left center;line-height:22px; padding: 0 0 0 10px ;margin-left:10px;color:#666666} .header-menu li ul.sous li.active a,.header-menu li ul.sous li:hover a{color:#2ca9ea } .menu-sub-li { margin-left:240px ;margin-top:-25px;color:#666666;} .menu-sub-li li a {color:#666666 !important;} .menu-sub-li li.active a {color:#2ca9ea !important;} .menu-sub-li li:hover a {color:#2ca9ea !important;} /* ---------------------------------------------------------------------------- 3. Content elements ----------------------------------------------------------------------------- */ #main h1 { margin: 15px 0 20px 0; padding: 0px 0px 15px 0px; border-bottom:1px solid #cacaca;font-size:20px ;} h2 { margin: 0 0 7px 0; padding: 5px 0px 10px 0px; color: #777777;font-size:20px;border-bottom: 1px solid #cacaca; } h3 { background: #f6f6f6 url(../images/layout/fleche-gris.png) no-repeat 1% center ;border-bottom:1px solid #e3e3e3;color:#333333;font-size:12px;font-weight: bold;line-height:35px ;padding-left:25px;margin:15px 0px;} #nav { clear: both; background: #DDDDDD; } #nav-inner { padding: 5px; } #info { clear: both;color:#c7c7c7;border-bottom:1px solid #303030;padding-bottom:10px;margin-bottom:10px;padding-top:15px;} #info-inner { width:900px;margin:0 auto;} #info-inner img { position: relative;top:2px;margin-right:7px;} #info-inner span { margin-right:43px;font-size:11px;} #info-inner a { color:#68ccff;} .btn-newsletter { float: left;text-decoration: none !important;background:url(../images/layout/bg-newsletter.jpg) repeat-x left top; padding: 3px 5px;color:#fff !important; margin:7px 0px 0px 9px;} .btn-newsletter:hover { background:url(../images/layout/bg-newsletter-over.jpg) repeat-x left top; } .form-newsletter { width:100%;display: block;background: #ECECEC;height:250px; } .form-newsletter-inner { width:394px;margin: 0 auto;padding-top:50px;} .mc-field-group { padding-bottom: 15px; } .mc-field-group label { min-width :120px;float:left; } .mc-field-group input { width :270px; } .indicates-required { font-weight: bold;font-size: 11px;float:right; } .form-newsletter .button {background:url(../images/layout/bg-newsletter.jpg) repeat-x left top;padding:5px 10px;border: none;float:right;margin-top:15px;color:#fff; } .form-newsletter .button:hover {background:url(../images/layout/bg-newsletter-over.jpg) repeat-x left top;color:#fff; } /* ---------------------------------------------------------------------------- 4. Footer elements ----------------------------------------------------------------------------- */ #footer .box1 { float: right; text-align: right; } #footer .box2 { float: left; text-align: left;margin-top:2px; } #copyright { clear: both; } #copyright .site-name { font-weight: bold; } #made-by { font-size:11px;color:#c7c7c7;margin-top:-10px;float:right;} #made-by-logo { display: inline-block; } #made-by a:link, #made-by a:visited { background: url(../images/layout/logo-webissimus.png) no-repeat left top;width:97px;height:25px;position:relative;top:6px;margin-left:3px;} #made-by a:hover, #made-by a:active { background: url(../images/layout/logo-webissimus-over.png) no-repeat left top;} #legal { } #legal a:link, #legal a:visited { } #legal a:hover, #legal a:active { } .menu { } .menu li { float: left; } .menu li span { padding: 0 7px 0 0; background: url(../images/layout/delimit-menu-footer.png) no-repeat left 55%;margin-left:3px;} .menu li a:link, .menu li a:visited {color:#68ccff;font-size:11px; } .menu li a:hover, .menu li a:active, .menu li.active a { text-decoration: underline; } /* ---------------------------------------------------------------------------- 5. Generic elements ----------------------------------------------------------------------------- */ /* Breadcrumbs ----------------------------------------------------------------------------- */ .breadcrumbs {padding: 10px 0px; margin: 0 0 0px 0; } /* Lists ----------------------------------------------------------------------------- */ .list { float: left; } .list li { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.gif) no-repeat 3px 6px; } /* 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: 17px; text-align: center; } .pagination a:link, .pagination a:visited, .pagination span { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none; background: #000000; color: #ffffff; border:none; } .pagination a:hover { background: #0082c5; color: #ffffff; border:none; } .pagination .active { background: #0082c5; color: #ffffff; border:none; } .pagination .disabled { background: #000000; color: #999999; border:none; } /* Separators ----------------------------------------------------------------------------- */ .s1 { height: 1px; margin: 10px 0; background: #333333; } /* 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 ----------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- Modules > MDM ----------------------------------------------------------------------------- */ #news { clear: both; color: #000000;width:100%;height:187px;float:left; } /*background:url(../images/layout/bg-encart.png) no-repeat left top*/ #news-inner { color:#666666; height: 153px; padding-top: 10px;} #news .news { } #news .news-inner { } #news .news-title { font-weight: bold; font-size:13px;margin-bottom:5px; width: 340px; float: right; padding-right:5px;} #news .news-date { } #news .news-photo { float: left; margin: 1px 7px 0 10px; max-height:142px; width:95px; } #news .news-text { text-align: justify; height:80px; width: 340px; float: right; padding-right: 10px;} #news .news-url { } #news .news-btn { float: right; font-weight: bold;color:#0082c5;text-decoration: none; } #news .news-btn:hover { color:#000; } #news .pdf-news { background: url(../images/layout/icon-pdf.png) no-repeat left top;float:right;width:26px;height:26px; margin-left:10px;position:relative;top:-5px;} #news .pdf-news:hover { background: url(../images/layout/icon-pdf-over.png) no-repeat left top; } #news img { border: 1px solid #c4c4c4; } /* ---------------------------------------------------------------------------- Module > Actualites ----------------------------------------------------------------------------- */ #news-list { } #news-list .news-inner { width:996px;float:left; } #news-list-inner { } #news-list .news { margin: 0 0 20px 0;float:left; } #news-list .news-title { margin: 0 0 7px 0; padding: 5px 0px; font-weight: bold;font-family: 'Noto Sans';font-size:16px;color:#0082c5} #news-list .news-date { } #news-list .news-photo { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #c4c4c4; } #news-list .news-text { text-align: justify; } #news-list .news-url { } #news-list .pdf-news { float:left;height:26px;margin-top:15px;} /* background: url(../images/layout/icon-pdf.png) no-repeat left center; */ #news-list .pdf-news span { float:left;margin-left:35px;position:relative;top:5px;} #news-list .pdf-news span:hover { color:#666666;} #news-list .pdf-news:hover { } /* background: url(../images/layout/icon-pdf-over.png) no-repeat left center; */ .btn-back-news { float: right; font-weight: bold;color:#0082c5;text-decoration: none !important; } .btn-back-news:hover { color:#000; } /* ---------------------------------------------------------------------------- Modules > Content management ----------------------------------------------------------------------------- */ .content-management { } .content-management .paragraph { margin: 0 0 10px 0;} .content-management .paragraph-title { } .content-management .paragraph-text { display: table;margin-top:10px;} .content-management .paragraph-images { } .paragraph-images a img {max-height: 150px;max-width: 250px;} .paragraph.images-left .paragraph-images { float: left; margin: 0 10px 0 0; min-width:250px;} .paragraph.images-left h3 { min-width:709px;} .paragraph.images-left .paragraph-images a { float: left;border:1px solid #cacaca;margin-top:15px; } .paragraph.images-right .paragraph-images { float: right; margin: 0 0 0 10px; } .paragraph.images-right .paragraph-images a { float: left; border:1px solid #cacaca;} .pdfBox {float:left;width:996px;margin:10px 0px;} .pdf-doc-paragraph-images {float:left;} .pdf-doc {float:left;margin-top:10px;} .pdf-doc .pdf-title {float:left;margin-left:25px;margin-top:0px;} .pdf-doc-paragraph-images img {float:left;margin-right:10px;border:1px solid #cacaca;} .pdf-doc-paragraph-text {text-align: justify; display: table;} .pdf-doc a { background: url(../images/layout/bullet.png) no-repeat left top 2px;float:right;height:26px; position:relative;top:1px;text-decoration: none; } .pdf-doc a:hover { background: url(../images/layout/bullet.png) no-repeat left top 2px; } .produits-logo-image {float:left;width:996px;margin-bottom:10px;} .image-viz {float:left;border: 1px solid #CACACA;margin-right:10px;} .listing-paragraph-text{ text-align: justify;display: table;} .listing-paragraph-images { float:left;width:996px;margin-top:20px;} .img-list-prod { float:left;margin-right:9px;color:#474747 !important;min-height:175px;margin-bottom:25px;max-width:158px;} .img-list-prod:hover { color:#0688CB !important;text-decoration: none;} .listing-paragraph-images a span { display: block;margin-top:10px;background: #e6e6e6;font-size:11px;font-weight: bold;line-height:22px;padding:4px 0px 4px 10px;} .img-listing{ width:158px;height:135px;float:left;} /*addons-style_css*/ /* ---------------------------------------------------------------------------- Modules > Liste Galerie ----------------------------------------------------------------------------- */ .gallerylist { } .gallerylist .gallery { float: left; margin: 0 5px; padding: 5px; border: 1px solid #CCCCCC; text-align: center; background: #FFFFFF; } .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; }