/* GLOBAL =========================================================== */ * { margin: 0; padding: 0; outline: 0; } html { height: 100%; } body { height: 100%; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #535353; background: #fff url(../images/site/bg_top.png) repeat-x; } /* FRAMESET ========================================================= */ #superglobal { position: relative; min-height: 100%; } #global { position: relative; min-height: 100%; margin: 0 auto; padding-bottom: 100px; width: 970px; } /* GLOBAL PARAMETERS ================================================ */ form { display: inline; } img { border: 0; } a, a:active, a:link, a:visited { color: #356aa0; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size: 16px; color: #356aa0; margin: 0 0 15px 0; padding: 0 0 8px 0; text-transform: uppercase; } h2 { font-size: 14px; margin: 0 0 10px 0; padding: 5px 10px; text-transform: uppercase; color: #a1a136; } h3 { font-size: 12px; margin: 0 0 5px 0; padding: 5px 10px; text-transform: uppercase; } p { padding: 5px 10px; } ul { list-style: none; padding: 0; margin: 0; } ul li { list-style-position: inside; } ul.li-vert li { background: url(../images/site/li_vert.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; } ul.li-bleu li { background: url(../images/site/li_bleu.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; } ul.li-rouge li { background: url(../images/site/li_rouge.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; } ul.li-jaune li { background: url(../images/site/li_jaune.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; } ul.li-at li { background: url(../images/site/li_at.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; } ul.li-at-promo a { background: url(../images/site/li_at.png) no-repeat; padding: 0 0 0 20px; line-height: 16px; color: #50B119; } ul.li-at-promo a:hover { color: #FFA500; } ul li.title { background: url(../images/site/li_blank.png) no-repeat; padding: 0; margin: 4px 0; line-height: 16px; font-weight: bold; } hr { background-color: #cfcfcf; color: #cfcfcf; margin: 10px 0; height: 1px; border: 0; } span { font-weight: bold; } /* FLOAT */ .left { float: left; } .right { float: right; } .clear { clear: both; } /* DISPLAY */ .block { display: block; } .inline { display: inline; } /* ALIGN */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } /* IMAGES */ .photo-right { margin: 0 0 5px 5px; } .photo-left { margin: 0 5px 5px 0; } .photo-left-ec { margin: 5px 25px 5px 5px; } .valign { vertical-align: middle; margin: 0 3px; } /* TEXTE */ .text-blue { color: #356aa0; } .text-marron { color: #a1a136; } .text-noir { color: #535353; } .text-gris { color: #979797; } .text-presentation { color: #a1a136; font-weight: bold; font-style: italic; font-size: 14px; margin: 10px 50px; } /* TEXTE COMMANDE */ .cmd_gris { font-weight: bold; color: #777; } .cmd_bleu { font-weight: bold; color: #6B6BFF; } .cmd_vert { font-weight: bold; color: #007F00; } .cmd_rouge { font-weight: bold; color: #E84040; } .partenariat { color: #cc3333; font-size: 13px; font-weight: bold; margin: 0; padding: 0; } /* BOUTONS */ .btn { display: block; width: 204px; height: 34px; line-height: 32px; background: #fff url(../images/site/bouton_bg.png) no-repeat; text-align: center; /*text-transform: uppercase;*/ color: #356aa0; text-decoration: none; font-weight: bold; font-size: 12px; margin-top: 8px; border: 0; cursor: hand; cursor: pointer; } .btn:hover { color: #b1de27; text-decoration: none; } .btn img { vertical-align: middle; margin: 0 4px 4px 0; } .btn_small { display: inline-block; width: 150px; height: 22px; line-height: 24px; background: #fff url(../images/site/bouton_bg_small.png) no-repeat; text-align: center; /*text-transform: uppercase;*/ color: #356aa0; text-decoration: none; font-weight: bold; font-size: 10px; margin-top: 4px; border: 0; cursor: hand; cursor: pointer; } .btn_small:hover { color: #535353; text-decoration: none; } .btn_small img { vertical-align: middle; margin: 0 2px 2px 0; } /* MESSAGES ========================================================= */ div.notice { margin: 4px 0; padding: 6px 6px 6px 30px; background: url(../images/site/tick.png) no-repeat 5px 5px; border: 1px solid #ddd; background-color: #ffc; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.infos { margin: 4px 0; padding: 6px 6px 6px 30px; background: url(../images/site/info.png) no-repeat 5px 5px; border: 1px solid #6aa6d6; background-color: #c9e3f8; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.error { margin: 4px 0; padding: 6px 6px 6px 30px; background: url(../images/site/error.png) no-repeat 5px 5px; border: 1px solid #CA4536; background-color: #F8C4C4; color: #CA4536; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.error span { font-weight: normal; } /* PHOTO ============================================================ */ div.photo { float: left; width: 400px; height: 400px; border: 1px solid #cfcfcf; margin: 0 20px 10px 0; } div.thumbnail { float: left; width: 100px; height: 100px; border: 1px solid #cfcfcf; margin: 0 5px 5px 0; } /* HEADER =========================================================== */ #header { position: relative; height: 90px; margin: 0; padding: 0; background: transparent url(../images/site/bg_header.png) no-repeat top right; } #logo { position: absolute; top: 12px; left: 0; } #accroche1 { position: absolute; top: 25px; left: 260px; } #accroche2 { position: absolute; top: 51px; left: 360px; } #accroche1 h2 { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 18px; color: #fff; text-transform: none; } #accroche2 h3 { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 24px; color: #fff; text-transform: none; } #takezo { position: absolute; top: 0; right: 5px; color: #cbcbcb; font-style: italic; } #takezo a { color: #cbcbcb; } #intel_premier { position: absolute; top: 14px; right: 5px; } #intel_platinum { position: absolute; top: 14px; right: 5px; padding: 1px; background-color: #cfcfcf; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* TOP ============================================================== */ #top { position: relative; height: 30px; padding: 0; margin: 0; } /* MENU */ #menu { float: left; } #menu ul li { position: relative; float: left; } #menu ul li a, #menu ul li a:active, #menu ul li a:link, #menu ul li a:visited { display: block; float: left; font-size: 12px; text-decoration: none; height: 30px; line-height: 32px; color: #356aa0; font-weight: bold; padding: 0 4px !important; padding: 0 8px; } #menu ul li a:hover, #menu ul li a.actif { background-color: #f6f6f6; border-bottom: 1px solid #c3c3c3; color: #a1a136; } #menu ul li a.news, #menu ul li a.news:active, #menu ul li a.news:link, #menu ul li a.news:visited { color: #53A0C2; text-decoration: underline; } /* SEARCH */ #search { float: right; line-height: 30px; } #search input[type="text"] { width: 140px; font-size: 11px; color: #797979; border: 1px solid #cfcfcf; padding: 3px 2px; } #search img { vertical-align: middle; } #search img.submit { margin: 0 0 3px 3px; cursor: hand; cursor: pointer; } /* MAIN ============================================================= */ #main { position: relative; /*overflow: hidden;*/ padding: 0; margin-top: 10px; } /* LEFT ============================================================= */ #left { position: absolute; top: 0; left: 0; width: 160px; min-height: 300px; } .bloc-left { height: 80px; width: 160px; background: #fff url(../images/site/catalogue_bg.png) no-repeat; margin-bottom: 10px; } .bloc-left span { display: block; font-size: 16px; color: #356aa0; text-align: center; padding: 5px 0; } .bloc-left a { text-decoration: none; color: #535353; } .bloc-left b { text-decoration: none; color: #b9b9b9; } .bloc-left img { float: left; margin: 0 5px; } .bloc-left2 { height: 80px; width: 160px; background: #fff url(../images/site/catalogue_bg.png) no-repeat; margin-bottom: 2px; } .bloc-left2 span { display: block; font-size: 16px; color: #356aa0; text-align: center; padding: 5px 0; } .bloc-left2 a { text-decoration: none; color: #535353; } .bloc-left2 b { text-decoration: none; color: #b9b9b9; } .bloc-left2 img { float: left; margin: 8px 30px; } .bloc-left3 { height: 80px; width: 160px; background: #fff url(../images/site/catalogue_bg.png) no-repeat; margin-bottom: 2px; } .bloc-left3 span { display: block; font-size: 16px; color: #356aa0; text-align: center; padding: 5px 0; } .bloc-left3 a { text-decoration: none; color: #535353; } .bloc-left3 b { text-decoration: none; color: #b9b9b9; } .bloc-left3 img { float: left; margin: 8px 2px; } /* CONTENT ========================================================== */ #content { position: relative; top: 0; left: 175px; min-height: 300px; width: 790px; } .breadcrumb { overflow: hidden; background: #fff url(../images/site/breadcrumb_bg.png) no-repeat; width: 790px; height: 30px; line-height: 30px; color: #979797; margin: 0; padding: 0; margin-bottom: 10px; font-size: 11px; } .breadcrumb li { list-style-type: none; float: left; padding-left: 5px !important; padding-left: 8px; } .breadcrumb a { display: block; float: left; height: 30px; background: transparent url(../images/site/breadcrumb_sep.png) no-repeat right; padding-right: 16px !important; padding-right: 13px; text-decoration: none; } .breadcrumb a:hover { color: #535353; } .breadcrumb li.right { float: right; padding-left: 0 !important; } .breadcrumb li.right a { padding-left: 25px; padding-right: 0 !important; border-left: 1px solid #cfcfcf; } .breadcrumb li.right a.compte { background: transparent url(../images/site/lock.png) no-repeat 5px center; } .breadcrumb li.right a.panier { background: transparent url(../images/site/cart.png) no-repeat 5px center; } .breadcrumb li.right a.logout { padding: 0; margin: 7px 0 0 5px; border: 0; background: transparent; } .breadcrumb img.home { margin: 5px 0 5px 5px; } /* FOOTER =========================================================== */ #footer { position: absolute; bottom: 0; width: 100%; height: 50px; background: #f4f4f4; border-top: 1px solid #ccc; /*margin-bottom: 30px;*/ } #footer-content { position: relative; width: 1000px; height: 50px; margin: 0 auto; } #footer-content #links-bottom, #footer-content #address, #footer-content #copyright { text-align: center; } /* MENU OVERLAY ===================================================== */ #menu-overlay { position: fixed !important; bottom: 0 !important; width: 100%; height: 30px; line-height: 30px; background-color: #ddd; text-align: center; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); } /* MENU CONFIGURATEUR =============================================== */ #menu-configurateur { position: fixed; top: 130px !important; right: 0 !important; width: 150px; height: 60px; font-weight: bold; color: #cfcfcf; font-size: 20px; line-height: 60px; background-color: #356aa0; text-align: center; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 2px solid #cfcfcf } /* FORMULAIRE ======================================================= */ div.formulaire { padding: 5px 10px; } div.formulaire p { overflow: hidden; margin: 0 0 5px 0; padding: 0; } div.formulaire p.col2 { margin-left: 180px; } div.formulaire p.error { color: #CA4536; } div.formulaire p.error label { color: #CA4536; } div.formulaire p label { float: left; width: 180px; text-align: left; font-weight: bold; cursor: hand; cursor: pointer; /*line-height: 25px;*/ } /*div.formulaire p label span { display: block; margin-top: 0.2em; font-size: 0.8em; font-weight: normal; cursor: default; }*/ div.formulaire p input[type=text], div.formulaire p input[type=password], div.formulaire p textarea { background-color: #f4f4f7; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; border: 1px solid #c0d9f8; color: #595959; } div.formulaire p input[type=text], div.formulaire p input[type=password] { padding: 0.2em; } /* div.formulaire p input[type=text]:focus, div.formulaire p textarea:focus { border-color: #dfa0df; } */ div.formulaire p.error input[type=text], div.formulaire p.error input[type=text]:focus, div.formulaire p.error input[type=password], div.formulaire p.error input[type=password]:focus, div.formulaire p.error textarea, div.formulaire p.error textarea:focus { border-color: #CA4536; } /* FICHE ============================================================ */ div.fiche-top { width: 790px; height: 10px; background: #fff url(../images/site/cadre_fiche_top.png) no-repeat; margin: 0; padding: 0; } div.fiche-middle { position: relative; width: 790px; height: 500px; background: #fff url(../images/site/cadre_fiche_middle.png) repeat-y; margin: 0; padding: 0 5px; } div.fiche-bottom { width: 790px; height: 30px; background: #fff url(../images/site/cadre_fiche_bottom.png) no-repeat; margin: 0; padding: 0; margin-bottom: 10px; } div.fiche-middle div.info-left { position: absolute; top: 0; left: 10px; width: 535px; /*border: 1px solid #00ff00;*/ } div.fiche-middle div.info-right { position: absolute; top: 0; left: 560px; width: 220px; /*border: 1px solid #ff0000;*/ } div.fiche-middle div.info-right div { text-align: center; margin-left: auto; margin-right: auto; } div.fiche-middle div.info-right div.prix { color: #356aa0; font-size: 18px; margin: 10px 0 0 0; } div.fiche-middle h1 { margin: 0; } ul.categorie { margin: 0 0 5px 0; } ul.categorie li { display: inline; list-style-type: none; color: #979797; } ul.categorie a { text-decoration: none; color: #979797; } ul.categorie a:hover { color: #a1a136; } /* CADRE ============================================================ */ div.cadre-top { background: #fff url(../images/site/cadre_description_top.png) no-repeat; width: 790px; height: 10px; margin: 0; padding: 0; } div.cadre-middle { background: #fff url(../images/site/cadre_description_middle.png) repeat-y; /*width: 790px;*/ margin: 0; padding: 0 5px; } div.cadre-bottom { background: #fff url(../images/site/cadre_description_bottom.png) no-repeat; width: 790px; height: 10px; margin: 0; padding: 0; margin-bottom: 10px; } div.cadre-middle h1 { margin: 0; margin-bottom: 10px; } /*div.cadre-middle ul li { display: list-item; }*/ div.cadre-sav-top { background: #fff url(../images/site/cadre_sav_top.jpg) no-repeat; width: 790px; height: 10px; margin: 0; padding: 0; } div.cadre-sav-middle { background: #fff url(../images/site/cadre_sav_middle.jpg) repeat-y; /*width: 790px;*/ margin: 0; padding: 0 5px; } div.cadre-sav-bottom { background: #fff url(../images/site/cadre_sav_bottom.jpg) no-repeat; width: 790px; height: 10px; margin: 0; padding: 0; margin-bottom: 10px; } div.cadre-sav-middle h1 { margin: 0; margin-bottom: 10px; } ul.descriptif { width: 770px; } ul.descriptif li { display:block; float:left; padding: 2px 0; } ul.descriptif li.categorie { float:left; width: 100%; padding: 15px 0; font-weight: bold; color: #a1a136; } ul.descriptif li.item { width: 280px; padding-left: 3px; } ul.descriptif li.value { width: 487px; } ul.descriptif li.pair { background-color: #f3f6fa; } ul.descriptif li.impair { background-color: #fff; } /* DEMI CADRE ======================================================= */ div.cadre-half-left { float: left; width: 390px; margin: 0 5px 0 0; padding: 0; } div.cadre-half-right { float: left; width: 390px; margin: 0 0 0 5px; padding: 0; } div.cadre-half-top { background: #fff url(../images/site/cadre_50_top.png) no-repeat; width: 390px; height: 10px; margin: 0; padding: 0; } div.cadre-half-middle { background: #fff url(../images/site/cadre_50_middle.png) repeat-y; width: 390px; margin: 0; padding: 0 5px; } div.cadre-half-bottom { background: #fff url(../images/site/cadre_50_bottom.png) no-repeat; width: 390px; height: 10px; margin: 0; padding: 0; margin-bottom: 10px; } div.cadre-half-middle h1 { margin: 0; } /* LIST ============================================================= */ div.list-header { width: 780px; height: 25px; line-height: 25px; padding-bottom: 3px; } div.list-header div.nbresults { float: left; margin-right: 15px; } div.list-header div.page { float: left; margin-right: 15px; color: #979797; } div.list-header div.pagination { float: right; } div.list-header div.pagination a { display: block; float: left; text-align: center; width: 20px; height: 20px; line-height: 20px; border: 1px solid #cfcfcf; background-color: #fff; margin-left: 2px; text-decoration: none; font-size: 10px; } div.list-header div.pagination a:hover { background-color: #ececec; } div.list-header div.pagination a.current, div.list-header div.pagination a.current:hover { color: #797979; background-color: #ececec; } div.list-100 { position: relative; border-top: 1px solid #cfcfcf; margin-bottom: 5px; padding: 5px; } /* div.list-100 ul { list-style-type: none; } div.list-100 ul li { margin: 0; padding: 0; } */ div.list-100 div.info { position: absolute; top: 5px; right: 5px; width: 250px; text-align: right; } table.panier { width: 780px; border-collapse: collapse; border-spacing: 0; border: 1px solid transparent; margin-bottom: 10px; } table.panier img { vertical-align: middle; } table.panier tr th { padding: 8px 0; background-color: #cfcfcf; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } table.panier tr td { padding: 10px 0; text-align: center; border-bottom: 1px solid #cfcfcf; } table.panier tr.cfg td table tr td { padding: 4px 0; text-align: center; border-bottom: 1px dashed #cfcfcf; background-color: #fafafa; } table.panier tr.cfg td table { width: 780px; border-collapse: collapse; border-spacing: 0; border: 1px solid transparent; margin-bottom: 10px; } table.panier tr.cfg td table tr.actions td { text-align: left; } table.panier tr.cfg td { padding: 0; } table.panier tr.cfg td table { margin-bottom: 0; } table.total { width: 780px; border-collapse: collapse; border-spacing: 0; border: 1px solid transparent; margin-bottom: 10px; } table.total tr th { font-weight: normal; padding: 4px 20px 4px 0; text-align: right; background-color: transparent; } table.total tr td { padding: 6px 0; text-align: center; border-bottom: 1px solid transparent; } table.total tr.total th, table.total tr.total td { font-weight: bold; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; background-color: #efefef; } table.configurateur { width: 780px; border-collapse: collapse; border-spacing: 0; border: 1px solid transparent; margin-bottom: 10px; } table.configurateur tr th { padding: 0 0; text-align: left; font-weight: bold; background-color: transparent; } table.configurateur tr.cat th { padding-top: 10px; } table.configurateur tr.catinfo th { padding-top: 10px; color: #356aa0; border-bottom: 1px solid #356aa0 } table.configurateur tr td { padding: 0 0 0 20px; text-align: left; border-bottom: 1px solid transparent; } table.configurateur tr.impair { background-color: #f3f6fa; } table.configurateur tr.error { color: #ff0000; } table.configurateur tr td.input { padding: 0; text-align: center; } table.annonce tr th { padding: 0; margin: 0; text-align: left; font-weight: normal; background-color: transparent; } table.annonce tr td { padding: 0; margin: 0; text-align: right; border-bottom: 1px solid transparent; } div.zone-left { float: left; width: 378px; margin: 0 5px 10px 0; padding: 3px; background-color: #efefef; border-bottom: 1px solid #cfcfcf; } div.zone-right { float: left; width: 378px; margin: 0 0 10px 5px; padding: 3px; background-color: #efefef; border-bottom: 1px solid #cfcfcf; } div.zone-center { width: 772px; margin: 0 0 10px 0; padding: 3px; background-color: #fafafa; border-bottom: 1px solid #cfcfcf; } /* PARTENAIRES ====================================================== */ div.partenaire { height: 110px; padding: 5px 10px; } div.partenaire div { font-weight: bold; font-size: 16px; color: #a1a136; } /* TROMBINOSCOPE ==================================================== */ div.service { padding: 5px 10px; margin: 10px 0; background-color: #356aa0; color: #fff; font-weight: bold; font-size: 16px; } div.trombi { float: left; width: 50%; /*height: 140px;*/ padding: 0; margin-bottom: 5px; } /* GAMME ============================================================ */ table.gamme { width: 100%; border-collapse: collapse; border-spacing: 0; /*border: 1px solid #cfcfcf;*/ } table.gamme tr td { text-align: center; } div.gamme-presentation { text-align: center; } div.gamme-presentation a { display: block; width: 185px; height: 185px; text-decoration: none; float: left; /*margin: 0 37px 15px 37px;*/ margin: 0 5px 15px 5px; } div.gamme-presentation a.boitier-portable { background: transparent url(../images/site/gamme/portable.jpg) no-repeat; } div.gamme-presentation a.boitier-portable:hover { background: transparent url(../images/site/gamme/portable_active.jpg) no-repeat; } div.gamme-presentation a.boitier-compact { background: transparent url(../images/site/gamme/compact.jpg) no-repeat; } div.gamme-presentation a.boitier-compact:hover { background: transparent url(../images/site/gamme/compact_active.jpg) no-repeat; } div.gamme-presentation a.boitier-cube { background: transparent url(../images/site/gamme/cube.jpg) no-repeat; } div.gamme-presentation a.boitier-cube:hover { background: transparent url(../images/site/gamme/cube_active.jpg) no-repeat; } div.gamme-presentation a.boitier-slim { background: transparent url(../images/site/gamme/slim.jpg) no-repeat; } div.gamme-presentation a.boitier-slim:hover { background: transparent url(../images/site/gamme/slim_active.jpg) no-repeat; } div.gamme-presentation a.boitier-mini-tour { background: transparent url(../images/site/gamme/mini_tour.jpg) no-repeat; } div.gamme-presentation a.boitier-mini-tour:hover { background: transparent url(../images/site/gamme/mini_tour_active.jpg) no-repeat; } div.gamme-presentation a.boitier-moyen-tour { background: transparent url(../images/site/gamme/moyen_tour.jpg) no-repeat; } div.gamme-presentation a.boitier-moyen-tour:hover { background: transparent url(../images/site/gamme/moyen_tour_active.jpg) no-repeat; } div.gamme-presentation a.boitier-grand-tour { background: transparent url(../images/site/gamme/grand_tour.jpg) no-repeat; } div.gamme-presentation a.boitier-grand-tour:hover { background: transparent url(../images/site/gamme/grand_tour_active.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-tour { background: transparent url(../images/site/gamme/serveur_tour.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-tour:hover { background: transparent url(../images/site/gamme/serveur_tour_active.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-rack { background: transparent url(../images/site/gamme/serveur_rack.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-rack:hover { background: transparent url(../images/site/gamme/serveur_rack_active.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-stockage { background: transparent url(../images/site/gamme/serveur_stockage.jpg) no-repeat; } div.gamme-presentation a.boitier-serveur-stockage:hover { background: transparent url(../images/site/gamme/serveur_stockage_active.jpg) no-repeat; } div.gamme-presentation a.solution-confort { background: transparent url(../images/site/gamme/solution_confort.jpg) no-repeat; } /*div.gamme-presentation a.solution-confort:hover { background: transparent url(../images/site/gamme/solution_confort_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-polyvalence { background: transparent url(../images/site/gamme/solution_polyvalence.jpg) no-repeat; } /*div.gamme-presentation a.solution-polyvalence:hover { background: transparent url(../images/site/gamme/solution_polyvalence_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-performance { background: transparent url(../images/site/gamme/solution_performance.jpg) no-repeat; } /*div.gamme-presentation a.solution-performance:hover { background: transparent url(../images/site/gamme/solution_performance_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-portable { background: transparent url(../images/site/gamme/solution_portable.jpg) no-repeat; } /*div.gamme-presentation a.solution-portable:hover { background: transparent url(../images/site/gamme/solution_portable_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-serveur { background: transparent url(../images/site/gamme/solution_serveur.jpg) no-repeat; } /*div.gamme-presentation a.solution-serveur:hover { background: transparent url(../images/site/gamme/solution_serveur_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-rackable { background: transparent url(../images/site/gamme/solution_rackable.jpg) no-repeat; } /*div.gamme-presentation a.solution-rackable:hover { background: transparent url(../images/site/gamme/solution_rackable_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-stockage { background: transparent url(../images/site/gamme/solution_stockage.jpg) no-repeat; } /*div.gamme-presentation a.solution-stockage:hover { background: transparent url(../images/site/gamme/solution_stockage_active.jpg) no-repeat; }*/ div.gamme-presentation a.solution-securite-electrique { background: transparent url(../images/site/gamme/solution_securite_electrique.jpg) no-repeat; } .quartz { font-size: 14pt; font-weight: bold; color: #356aa0; } .quartz b { font-size: 16pt; color: #E84040; } /* CRAWLER PARTENAIRES ==================================================== */ #slideshow { position: relative; height: 100px; } #slideshow div { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: 100px; background-color: #fff; } #slideshow div.active { z-index: 10; opacity: 1.0; } #slideshow div.last-active { z-index: 9; } #slideshow div img { height: 100px; display: block; border: 0; /*margin-bottom: 10px;*/ } /* NEWS =================================================================== */ .news h2 { color: #53A0C2; border-bottom: 1px solid #cfcfcf; margin: 0 10px; padding: 10px 0; } .news div.date { font-style: italic; text-align: right; margin: 0 10px; padding: 5px 0; } .news div.content { margin-bottom: 20px; padding: 0 25px; }