/*************************************************************************** * style.css * ---------- * Cree le : 14 Janvier 2008 * Derniere modif. : 7 Mai 2008 * Auteur : Asselin Benoit Developpement * Email : contact(a)ab-d.fr * ***************************************************************************/ html, body { height: 100%; } html, body, h1, h2, h3, h4, table, th, td, ul, li, div, p, span, form, input, textarea { font-size: 9pt; font-family: Verdana, Arial, sans-serif; font-weight: normal; padding: 0; margin: 0; } ul, li { list-style: none; } a { color: #FFFFFF; text-decoration: none; } img { border: 0 none; } body { background: #999 url("../images/interface-3/body-background.jpg") top repeat-x; color: #494848; height: 100%; width: 100%; } #table-middle { position: relative; vertical-align: middle; height: 100%; width: 982px; margin: 0 auto; } #container-png { position: absolute; margin-top: -30px; margin-left: -2px; width: 982px; height: 685px; } #container-png { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-3/body-background.png",sizingMethod="scale"); } #container-png[class="fixpng"] { background: url("../images/interface-3/body-background.png"); filter: none; } #container { position: relative; width: 920px; height: 623px; margin: 0 auto; border: 1px solid #363635; } #logo { background: url("../images/interface-3/logo-background.gif"); width: 920px; height: 45px; color: #fff; } #logo span { display: none; } #logo strong { position: absolute; left: 145px; top: 18px; font-weight: normal; letter-spacing: 2px; } #logo #logo-designby { display: block; background: url("../images/interface-3/logo-designby.gif") no-repeat; height: 45px; width: 145px; } div.visuel { position: relative; border-top: 1px solid #121212; width: 920px; height: 170px; } #visuel-shadow { position: absolute; left: 0; top: 0; width: 920px; height: 21px; } #visuel-shadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-3/visuel-shadow.png",sizingMethod="scale"); } #visuel-shadow[class="fixpng"] { background: url("../images/interface-3/visuel-shadow.png"); filter: none; } #menu-top { position: absolute; left: 0; top: 0; height: 21px; width: 920px; } #menu-top li { margin-top: 3px; margin-left: 6px; float: left; color: #e96013; } #menu-top a:hover { color: #e96013; } #menu-top #rss { position: absolute; right: 0; margin-right: 5px; } #menu-top #rss a { display: block; background: url("../images/interface-3/rss.gif") no-repeat; width: 15px; height: 15px; } #menu-search-travel { background: url("../images/interface-3/menu-background.gif"); width: 920px; height: 30px; } #menu-title { background: url("../images/interface-3/menu-menu.gif") no-repeat; width: 145px; height: 30px; float: left; } #menu-title span { display: none; } #search-form { width: 265px; height: 30px; float: left; } #search-lbl { display: block; background: url("../images/interface-3/menu-recherche.gif") no-repeat; width: 78px; height: 30px; float: left; } #search-lbl span { display: none; } #search-q { display: block; background: #323232; width: 124px; height: 16px; color: #fff; margin-top: 6px; float: left; border: 1px solid #999; } #search-submit { background: url("../images/interface-3/bouton-ok.gif") no-repeat 10px center; width: 50px; height: 30px; cursor: pointer; float: left; } #search-submit span { display: none; } #travel-div { background: url("../images/interface-3/menu-ligne.gif") no-repeat; width: 510px; height: 30px; float: left; } #travel-message { position: relative; width: 510px; height: 23px; overflow: hidden; white-space: nowrap; font-family: Arial, sans-serif; color: #fff; padding-top: 7px; z-index: 1; } #travel-message span { visibility: hidden; position: absolute; top: 7px; white-space: nowrap; } #menu-shadow { position: absolute; width: 920px; height: 8px; left: 0; z-index: 200000; } #menu-shadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-3/menu-shadow.png",sizingMethod="scale"); } #menu-shadow[class="fixpng"] { background: url("../images/interface-3/menu-shadow.png"); filter: none; } #menu { background: url("../images/interface-3/fond-1.gif") repeat-x; width: 145px; height: 377px; position: absolute; left: 0; top: 246px; } #menu li { font-size: 8pt; } #menu-1 { height: 240px; margin-top: 4px; } #menu-1 ul { display: none; position: absolute; border-top: 1px solid #494848; border-right: 1px solid #494848; border-left: 1px solid #494848; background: #cbcccb; left: 145px; top: 0; z-index: 100000; } #menu-1 li { position: relative; padding-bottom: 1px; } #menu-1 a { display: block; padding: 3px 0 3px 11px; width: 134px; color: #494848; cursor: pointer; background: url("../images/interface-3/point-orange.gif") no-repeat center left; } #menu-1 a.active, #menu-1 a.active-js { color: #e96013; padding: 3px 0 3px 11px; background: #cbcccb url("../images/interface-3/point-orange.gif") no-repeat center left; } #menu-1 ul li { border-bottom: 1px solid #494848; padding: 0; } #menu-1 ul li a { padding: 3px 0 3px 6px; width: 140px; background: #898888; } #menu-1 ul li a:hover, #menu-1 ul li a.active { color: #fff; padding: 3px 0 3px 6px; border-top: 0px none; background: #898888; } #menu-1 ul li.last a, #menu-1 ul li.last a.active { border: 0px none; } #menu-1 a:hover { color: #e96013; } #menu-2 { height: 100px; margin-top: 16px; } #menu-2 li { margin-top: 8px; } #menu-2 a { display: block; padding: 0 0 0 11px; width: 134px; color: #fff; background: url("../images/interface-3/point-gris.gif") no-repeat center left; } #menu-2 a:hover { color: #e96013; } #copyright { font-size: 9pt; color: #fff; height: 16px; margin-left: 5px; cursor: pointer; } #ici { display: none; position: absolute; border: 1px solid #363635; background: #999; margin: -30px 0 0 25px; padding: 5px; font-size: 9pt; cursor: default; z-index: 100; white-space: nowrap; } #ici a { cursor: pointer; } /* index */ #index-fade { position: absolute; background: url("../images/interface-3/cadres.gif") no-repeat; width: 377px; height: 377px; left: 145px; top: 246px; } #index-fade li { display: block; width: 125px; height: 125px; float: left; } #index-fade a { display: block; position: absolute; width: 125px; height: 125px; } #index-fade a span { display: none; } #index-fade a img { background: #fff; width: 125px; height: 125px; border: 0px none; } #index-img01, #index-img02, #index-img04, #index-img05 { margin-right: 1px; margin-bottom: 1px; } #index-img07, #index-img08 { margin-right: 1px; } #index-texts { position: absolute; background: url("../images/interface-3/fond-1.gif") repeat-x; width: 398px; height: 377px; right: 0; top: 246px; } #index-texts #text-1 { height: 236px; padding: 15px 20px 0 20px; } #index-texts #text-1 h3 { background: url("../images/interface-3/qui-sommes.gif") no-repeat; height: 30px; } #index-texts #text-1 h3 span { display: none; } #index-texts #text-1 h4 { text-indent: 40px; line-height: 18px; text-align: justify; } #index-texts #text-1 ins { cursor: pointer; } #index-texts #text-1 h5 { display: none; position: absolute; border: 1px solid #363635; background: #999; font-weight: normal; font-size: 9pt; padding: 15px; cursor: pointer; width: 330px; text-align: justify; } #index-texts #text-1 h5#click-editeurs { top: 70px; } #index-texts #text-1 h5#click-mobiliers { top: 140px; } #index-texts #text-2 { height: 111px; padding: 15px 20px 0 20px; } #index-texts #text-2 h3 { margin-left: -4px; margin-top: -4px; height: 30px; background: url("../images/interface-3/news.gif") no-repeat; } #index-texts #text-2 h3 span { display: none; } #index-texts #text-2 h4 { text-indent: 40px; font-size: 8pt; padding-right: 10px; text-align: justify; color: #fff; } #index-texts div.text-img { display: block; float: right; margin-left: 20px; } /* catalog */ #catalog-list { position: absolute; background: url("../images/interface-3/cadres2.gif") no-repeat; width: 503px; height: 377px; left: 145px; top: 246px; } #catalog-list li { display: block; width: 125px; height: 125px; float: left; } #catalog-list a { position: absolute; width: 125px; height: 125px; } #catalog-list a img { background: #FFFFFF; width: 125px; height: 125px; border: 0px none; } #catalog-img01, #catalog-img02, #catalog-img03, #catalog-img05, #catalog-img06, #catalog-img07 { margin-right: 1px; margin-bottom: 1px; } #catalog-img09, #catalog-img10, #catalog-img11 { margin-right: 1px; } #catalog-list #pages { position: absolute; right: 0; bottom: 0; height: 21px; margin: 0px !important; margin: 0px -1px -1px 0px; } #catalog-list #pages li { height: 21px; width: 15px; float: left; } #catalog-list #pages a { display: block; height: 18px; width: 15px; text-align: center; padding-top: 3px; cursor: pointer; } #catalog-list #pages .sep { display: block; width: 1px; } /* ...bricolage IE6... */ #catalog-list #pages a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-3/bande-page.png",sizingMethod="scale"); } #catalog-list #pages a img { background: transparent; padding-top: 3px; height: 9px; width: 5px; } /* img: catalog.php */ #catalog-list #pages .sep { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-3/bande-page.png",sizingMethod="scale"); } #catalog-list #pages .sep img { background: url("../images/interface-3/mini-barre.gif") no-repeat center; height: 19px; width: 1px; } /* img: catalog.php */ #catalog-list #pages .over { } #catalog-list #pages .here a { background: #e96013; filter: none; } #catalog-list #pages .left a { text-align: right; } #catalog-list #pages .left a img { background: url("../images/interface-3/fleche-g.gif") no-repeat center right; } #catalog-list #pages .right a { text-align: left; } #catalog-list #pages .right a img { background: url("../images/interface-3/fleche-d.gif") no-repeat center left; } /* ...bricolage IE7 et autres... */ #catalog-list #pages[class="fixpng"] { background: url("../images/interface-3/bande-page.png"); filter: none; } #catalog-list #pages[class="fixpng"] a { filter: none; } #catalog-list #pages[class="fixpng"] img { display: none; } #catalog-list #pages[class="fixpng"] .sep { background: url("../images/interface-3/mini-barre.gif") no-repeat center; filter: none; } #catalog-list #pages[class="fixpng"] .over { } #catalog-list #pages[class="fixpng"] .here { background: #e96013; } #catalog-list #pages[class="fixpng"] .left { background: url("../images/interface-3/fleche-g.gif") no-repeat center right; } #catalog-list #pages[class="fixpng"] .right { background: url("../images/interface-3/fleche-d.gif") no-repeat center left; } #catalog-products { position: absolute; background: url("../images/interface-3/fond-1.gif") repeat-x; width: 272px; height: 377px; right: 0; top: 246px; } #catalog-products .product { display: none; position: absolute; } #catalog-products .image-medium { } #catalog-products .image-medium a { display: block; width: 272px; height: 190px; padding: 31px 0px; text-align: center; } #catalog-products .image-medium img { height: 190px; width: 190px; border: 1px solid #333; } #catalog-products .description { padding: 20px 10px 0; text-align: center; width: 252px; } #catalog-products .description h3 { font-size: 11pt; color: #000; margin: 10px 0; } #catalog-products .description h4 { font-size: 10pt; color: #fff; } #catalog-products .description a { display: block; background: url("../images/interface-3/fiche-produit.gif") no-repeat center; margin-top: 10px; width: 252px; height: 35px; } #catalog-products .referencement { padding: 10px; width: 252px; height: 357px; font-size: 7.5pt; color: #000; overflow: auto; text-align: justify; } /* page en overflow="auto" */ .fix-scroll { position: absolute; width: 775px; height: 377px; background: url("../images/interface-3/fond-3.gif") repeat-x; right: 0; top: 246px; } .fix-scroll .fixie { position: relative; width: 775px; height: 377px; overflow: auto; } .adresses { margin: 15px auto; } .adresses td { background: #424242 url("../images/interface-3/cartouche-background.gif") repeat-x; border: 1px solid #333; } .adresses td.sep { background: none; border: 0px none; } .adresses td.sep div { width: 19px; } .adresses .adresse { background: url("../images/interface-3/cartouche-carre.gif") no-repeat bottom right; } .adresses h4 { color: #ccc; width: 265px; padding: 5px 0 5px 15px; margin: 0px; font-size: 13px; } .adresses h5 { color: #000; width: 265px; padding: 10px 0 10px 15px; margin: 0px; font-size: 12px; font-weight: normal; } .adresses a.plan { display: block; background: url("../images/interface-3/plan-d-acces.gif") no-repeat center; width: 100%; height: 25px; margin: 7px 0 5px; } /* societe */ #societe h3 { background: url("../images/interface-3/societe.gif") 10px 10px no-repeat; height: 38px; } #societe span { display: none; } #societe table.top { margin: 15px 10px; border-bottom: 1px solid #999; } #societe td { vertical-align: top; } #societe .img1 { background: url("../images/interface-3/societe-professionnels.gif") no-repeat left top; width: 133px; height: 210px; } #societe .img2 { background: url("../images/interface-3/societe-particuliers.gif") no-repeat left top; width: 133px; height: 137px; } #societe .img3 { background: url("../images/interface-3/societe-presse.gif") no-repeat left top; width: 133px; height: 137px; } #societe p { color: #bbb; } #societe a { color: #fff; } /* demande */ #demande h3 { background: url("../images/interface-3/type-de-demande.gif") 10px 10px no-repeat; height: 38px; } #demande span { display: none; } #demande .demande1 { background: #424242 url("../images/interface-3/cartouche-background.gif") repeat-x; border: 1px solid #333; width: 280px; margin: 50px auto 0 auto; } #demande .demande2 { background: url("../images/interface-3/cartouche-carre.gif") no-repeat bottom right; } #demande h4 { color: #ccc; width: 265px; padding: 5px 0 15px 15px; margin: 0px; font-size: 13px; } #demande a { display: block; height: 25px; margin: 12px 0; } #demande a.devis { background: url("../images/interface-3/demande-devis.gif") center no-repeat; } #demande a.renseignements { background: url("../images/interface-3/demande-renseignements.gif") center no-repeat; } #demande p { text-align: center; } #demande select { margin: 5px 0px 15px; border: 1px solid #333; color: #fff; background: #333; } /* showrooms */ #showrooms h3 { background: url("../images/interface-3/showrooms.gif") 10px 10px no-repeat; height: 38px; } #showrooms span { display: none; } #showrooms a { color: #fff; } #showrooms .images { margin: 10px auto; } #showrooms .images .l img { margin: 10px 20px 10px 0px; } #showrooms .images .c { text-align: center; } #showrooms div.panoramique { text-align: right; width: 584px; margin: 0px auto; color: #666; } #showrooms a.panoramique { display: block; margin-top: 5px; height: 227px; width: 100%; background: url("../images/interface-3/visuel_showrooms.jpg") no-repeat; } /* catalogues-pdf */ #catalogues h3 { background: url("../images/interface-3/catalogues-pdf.gif") 10px 10px no-repeat; height: 38px; } #catalogues span { display: none; } #catalogues .catalogues1 { background: #424242 url("../images/interface-3/cartouche-background.gif") repeat-x; border: 1px solid #333; width: 280px; margin: 20px auto 0px auto; } #catalogues .catalogues2 { background: url("../images/interface-3/cartouche-carre.gif") no-repeat bottom right; color: #4a4745; } #catalogues h4 { color: #ccc; width: 265px; padding: 5px 0px 15px 15px; margin: 0px; font-size: 13px; } #catalogues a { color: #fff; text-decoration: none; } #catalogues ul { padding: 10px 0px 20px 20px; } #catalogues li { margin-top: 5px; color: #000; } /* recherche */ #search h3 { background: url("../images/interface-3/recherche-resultat.gif") 10px 10px no-repeat; height: 38px; } #search h3 span { display: none; } #search li { border-bottom: 1px solid #999; font-size: 8pt; height: 60px; margin: 10px; overflow: hidden; cursor: pointer; } #search img { width: 51px; height: 51px; float: left; margin-right: 10px; } #search h4 { font-size: 8pt; color: #000; font-weight: normal; margin-bottom: 5px; } #search p { font-size: 8pt; color: #ccc; } #search p span { font-size: 8pt; color: #FFF; font-weight: bold; } /* press */ #press h3 { background: url("../images/interface-3/presse.gif") 10px 10px no-repeat; height: 38px; } #press h3 span { display: none; } #press img { border: 0px none; height: 100px; width: 100px; margin-right: 10px; } #press table { margin: 10px; } #press table td { border-bottom: 1px solid #999; padding: 10px 0px; vertical-align: top; } #press table td.text { width: 100%; } #press table h4 { color: #000; margin-bottom: 5px; } #press table p { color: #ccc; } #press .contact { color: #000; margin: 5px 20px; } #press .contact span { display: none; } /* realizations */ #realizations h3 { height: 38px; background: url("../images/interface-3/realisations.gif") 10px 10px no-repeat; } #realizations h3 span { display: none; } #realizations .organise { margin: 20px 10px 10px 10px; padding-bottom: 10px; color: #ccc; border-bottom: 2px solid #e96013; } #realizations .organise a { text-decoration: underline; } #realizations img { border: 0px none; height: 100px; width: 100px; margin-right: 23px; } #realizations img.last { margin: 0px; } #realizations h4 { color: #000; } #realizations ul { margin: 10px; } #realizations li { border-bottom: 1px solid #999; padding: 10px 0px; vertical-align: top; } #realizations .text { color: #ccc; margin: 10px 0px; } /* events */ #events h3 { background: url("../images/interface-3/evenements.gif") 10px 10px no-repeat; height: 38px; } #events h3 span { display: none; } #events .organise { margin: 20px 10px 10px 10px; padding-bottom: 10px; color: #ccc; border-bottom: 2px solid #e96013; } #events .organise a { text-decoration: underline; } #events img { border: 0px none; height: 100px; width: 100px; margin-right: 10px; } #events table { margin: 10px; } #events table td { border-bottom: 1px solid #999; padding: 10px 0px; vertical-align: top; } #events table td.text { width: 100%; } #events table h4 { margin-bottom: 5px; color: #000; } #events table p { color: #ccc; } /* jobs */ #jobs { } #jobs h3 { background: url("../images/interface-3/recrutement.gif") 10px 10px no-repeat; height: 38px; } #jobs h3 span { display: none; } #jobs h4 { margin: 15px 10px 10px; } #jobs p { color: #666; margin: 0px 10px; padding-bottom: 15px; border-bottom: 1px solid #999; } #l-adresse { position: absolute; left: 50%; top: 50%; margin: 320px 0 0 -460px; font-size: 8pt; width: 700px; } #l-adresse a:hover { color: #e46728; }