/*************************************************************************** * style.css * ---------- * Cree le : 1 Octobre 2007 * Derniere modif. : 18 Janvier 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; color: #333; padding: 0px; margin: 0px; } ul, li { list-style: none; } a { color: #e95f12; text-decoration: none; } img { border: 0 none; } body { background: #fff url("../images/interface-2/body-background.gif") center center no-repeat; color: #000; height: 100%; width: 100%; } #table-middle { vertical-align: middle; height: 100%; width: 100%; } #container { position: relative; margin: 0px auto; width: 920px; height: 623px; border: 1px solid #fff; } #logo { width: 920px; height: 45px; color: #e95f12; } #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-2/logo-designby.gif") no-repeat; height: 45px; width: 145px; } div.visuel { position: relative; border-top: 1px solid #9d9c9c; 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-2/visuel-shadow.png",sizingMethod="scale"); } #visuel-shadow[class="fixpng"] { background: url("../images/interface-2/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: #333; } #menu-top a:hover { color: #333; } #menu-search-travel { background: url("../images/interface-2/menu-background.gif"); width: 920px; height: 30px; } #menu-title { background: url("../images/interface-2/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-2/menu-recherche.gif") no-repeat; width: 78px; height: 30px; float: left; } #search-lbl span { display: none; } #search-q { display: block; width: 124px; height: 16px; font-size: 8.5pt; margin-top: 6px; float: left; } #search-submit { background: url("../images/interface-2/bouton-ok.gif") no-repeat 10px center; width: 50px; height: 30px; cursor: pointer; float: left; } #search-submit span { display: none; } #travel-div { background: transparent; width: 510px; height: 30px; float: left; } #travel-message { position: relative; width: 509px; height: 23px; overflow: hidden; white-space: nowrap; font-family: Arial, sans-serif; padding-top: 7px; z-index: 1; border-left: 1px solid #ccc; } #travel-message span { visibility: hidden; position: absolute; top: 7px; white-space: nowrap; color: #666; } #menu { background: url("../images/interface-2/fond-1.gif") repeat-x; width: 145px; height: 377px; position: absolute; left: 0px; top: 246px; } #menu li { font-size: 8.5pt; } #menu-1 { height: 121px; margin-top: 4px; border-bottom: 1px solid #e95f12; overflow: hidden; } #menu-1 li { position: relative; padding-bottom: 5px; } #menu-1 a { display: block; padding: 3px 0px 3px 11px; width: 134px; color: #e95f12; cursor: pointer; background: url("../images/interface-2/point-orange.gif") no-repeat center left; } #menu-1 a.active, #menu-1 a:hover { color: #fff; padding: 3px 0px 3px 11px; background: #e95f12 url("../images/interface-2/point-blanc.gif") no-repeat center left; } #menu-2 { height: 121px; margin-top: 4px; border-bottom: 1px solid #eee; } #menu-2 ul { display: none; position: absolute; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; left: 145px; top: 0px; z-index: 100000; } #menu-2 li { position: relative; padding-bottom: 5px; } #menu-2 a { display: block; padding: 3px 0px 3px 11px; width: 134px; color: #e95f12; cursor: pointer; background: url("../images/interface-2/point-orange.gif") no-repeat center left; } #menu-2 a.active, #menu-2 a.active-js { color: #fff; padding: 3px 0px 3px 11px; background: #e95f12 url("../images/interface-2/point-blanc.gif") no-repeat center left; } #menu-2 ul li { border-bottom: 1px solid #ccc; padding: 0px; } #menu-2 ul li a { padding: 3px 0px 3px 6px; width: 140px; background: #fff; } #menu-2 ul li a.active, #menu-2 ul li a:hover { color: #fff; background: #e95f12; padding: 3px 0px 3px 6px; border-top: 0px none; } #menu-2 ul li.last a, #menu-2 ul li.last a.active { border: 0px none; } #menu-2 a:hover { color: #fff; } #menu-3 { height: 100px; margin-top: 10px; } #menu-3 li { padding-bottom: 5px; } #menu-3 a { display: block; padding: 3px 0px 3px 11px; width: 134px; color: #333; background: url("../images/interface-2/point-noir.gif") no-repeat center left; } #menu-3 a:hover { color: #e95f12; } #copyright { position: absolute; left: 4px; bottom: 4px; height: 16px; font-size: 9pt; cursor: pointer; } #ici { display: none; position: absolute; border: 1px solid #ccc; background: #fff; left: 5px; bottom: 5px; padding: 5px; font-size: 9pt; cursor: default; z-index: 100; white-space: nowrap; } #ici a { cursor: pointer; } /* index */ #index-fade { position: absolute; background: transparent; width: 377px; height: 377px; left: 145px; top: 246px; } #index-fade div { display: none; } #index-fade ul { } #index-fade li { position: absolute; width: 125px; height: 125px; } #index-fade li a { display: block; position: absolute; width: 125px; height: 125px; background-color: #fff; background-repeat: none; } #index-fade li a span { display: none; } #index-fade .li-1 { left: 0px; top: 0px; } #index-fade .li-2 { left: 126px; top: 0px; } #index-fade .li-3 { left: 252px; top: 0px; } #index-fade .li-4 { left: 0px; top: 126px; } #index-fade .li-5 { left: 126px; top: 126px; } #index-fade .li-6 { left: 252px; top: 126px; } #index-fade .li-7 { left: 0px; top: 252px; } #index-fade .li-8 { left: 126px; top: 252px; } #index-fade .li-9 { left: 252px; top: 252px; } #index-fade .li-1 a { background-position: 0px 0px; } #index-fade .li-2 a { background-position: -126px 0px; } #index-fade .li-3 a { background-position: -252px 0px; } #index-fade .li-4 a { background-position: 0px -126px; } #index-fade .li-5 a { background-position: -126px -126px; } #index-fade .li-6 a { background-position: -252px -126px; } #index-fade .li-7 a { background-position: 0px -252px; } #index-fade .li-8 a { background-position: -126px -252px; } #index-fade .li-9 a { background-position: -252px -252px; } #index-texts { position: absolute; background: url("../images/interface-2/fond-0.gif") repeat-x; width: 398px; height: 377px; right: 0px; top: 246px; } #index-texts #text-1 { height: 236px; padding: 15px 20px 0px 20px; } #index-texts #text-1 h3 { background: url("../images/interface-2/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; font-size: 8.5pt; } /* kitchen */ #kitchen { position: absolute; width: 775px; height: 377px; right: 0px; bottom: 0px; } #kitchen .images { position: absolute; right: 0px; top: 0px; width: 775px; height: 377px; } #kitchen .images a { display: block; position: absolute; left: 0; top: 0; width: 775px; height: 377px; background-repeat: none; } #kitchen .navigation { position: absolute; right: 180px; bottom: 0; width: 595px; height: 33px; z-index: 10000; } #kitchen .navigation a { display: block; position: absolute; bottom: 0; width: 31px; height: 31px; cursor: pointer; } #kitchen .navigation .left { left: 0; background: url("../images/interface-2/kitchen-left.gif"); } #kitchen .navigation .right { right: 0; background: url("../images/interface-2/kitchen-right.gif"); } #kitchen .detail { position: absolute; right: 0; top: 0; width: 180px; height: 377px; z-index: 10000; } #kitchen .detail .background { position: absolute; right: 0; top: 0; width: 180px; height: 377px; background: #fff; } #kitchen .detail .background { background: url("../images/interface-2/fond-0.gif"); } /*#kitchen .detail .background { opacity: .66; -moz-opacity: .66; filter:alpha(opacity=66); }*/ #kitchen .detail .text { position: absolute; right: 0; top: 0; width: 160px; height: 305px; z-index: 20000; padding: 10px; overflow: auto; } #kitchen .detail .text h2 { color: #e95f12; font-weight: bold; font-size: 12pt; margin-bottom: 10px; } #kitchen .detail .text p { font-size: 8.5pt; } #kitchen .detail .colors { position: absolute; right: 0; bottom: 0; width: 180px; height: 40px; z-index: 20000; text-align: center; } /*#kitchen .detail .colors { display: none; }*/ #kitchen .detail .colors a { } #kitchen .detail .colors a img { width: 91px; height: 33px; } /* ... bricolage IE6... */ #kitchen .detail .colors a img { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-2/kitchen-colors.png",sizingMethod="scale"); } /* ...bricolage IE7 et autres... */ #kitchen .detail .colors a[class="fixpng"] img { background: url("../images/interface-2/kitchen-colors.png"); filter: none; } /* catalog */ #catalog-list { position: absolute; background: url("../images/interface-2/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: #fff; 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; color: #333; } #catalog-list #pages .sep { display: block; width: 1px; } #catalog-list #pages .here a { color: #fff; } /* ...bricolage IE6... */ #catalog-list #pages a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-2/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-2/bande-page.png",sizingMethod="scale"); } #catalog-list #pages .sep img { background: url("../images/interface-2/mini-barre.gif") no-repeat center; height: 19px; width: 1px; } /* img: catalog.php */ #catalog-list #pages .over { } #catalog-list #pages .here a { background: #e95f12; filter: none; } #catalog-list #pages .left a { text-align: right; } #catalog-list #pages .left a img { background: url("../images/interface-2/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-2/fleche-d.gif") no-repeat center left; } /* ...bricolage IE7 et autres... */ #catalog-list #pages[class="fixpng"] { background: url("../images/interface-2/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-2/mini-barre.gif") no-repeat center; filter: none; } #catalog-list #pages[class="fixpng"] .over { } #catalog-list #pages[class="fixpng"] .here { background: #e95f12; } #catalog-list #pages[class="fixpng"] .left { background: url("../images/interface-2/fleche-g.gif") no-repeat center right; } #catalog-list #pages[class="fixpng"] .right { background: url("../images/interface-2/fleche-d.gif") no-repeat center left; } #catalog-products { position: absolute; background: url("../images/interface-2/fond-2.gif") repeat-x; width: 272px; height: 377px; right: 0px; top: 246px; } #catalog-products .product { display: none; position: absolute; } #catalog-products .image-medium { border-bottom: 1px solid #eee; } #catalog-products .image-medium a { display: block; width: 272px; height: 189px; padding: 31px 0px; text-align: center; } #catalog-products .image-medium img { height: 190px; width: 190px; border: 0px none; } #catalog-products .description { padding: 20px 10px 0px; text-align: center; width: 252px; } #catalog-products .description h3 { font-size: 11pt; margin: 10px 0px; } #catalog-products .description h4 { font-size: 10pt; color: #e95f12; } #catalog-products .description a { display: block; background: url("../images/interface-2/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; overflow: auto; text-align: justify; } /* page en overflow="auto" */ .fix-scroll { position: absolute; width: 775px; height: 377px; background: url("../images/interface-2/fond-3.gif") repeat-x; right: 0px; top: 246px; } .fix-scroll .fixie { position: relative; width: 775px; height: 377px; overflow: auto; } .adresses { margin: 15px auto; } .adresses td { background: #fff url("../images/interface-2/cartouche-background.gif") repeat-x; border: 1px solid #999; } .adresses td.sep { background: none; border: 0px none; } .adresses td.sep div { width: 19px; } .adresses .adresse { background: url("../images/interface-2/cartouche-carre.gif") no-repeat bottom right; } .adresses h4 { color: #e95f12; width: 265px; padding: 5px 0px 5px 15px; margin: 0px; font-size: 13px; } .adresses h5 { color: #000; width: 265px; padding: 10px 0px 10px 15px; margin: 0px; font-size: 12px; font-weight: normal; } .adresses a.plan { display: block; background: url("../images/interface-2/plan-d-acces.gif") no-repeat center; width: 100%; height: 25px; margin: 7px 0px 5px; } /* societe */ #societe h3 { background: url("../images/interface-2/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-2/societe-professionnels.gif") no-repeat left top; width: 133px; height: 210px; } #societe .img2 { background: url("../images/interface-2/societe-particuliers.gif") no-repeat left top; width: 133px; height: 137px; } #societe .img3 { background: url("../images/interface-2/societe-presse.gif") no-repeat left top; width: 133px; height: 137px; } #societe p { color: #666; } #societe a { color: #fff; } /* demande */ #demande h3 { background: url("../images/interface-2/type-de-demande.gif") 10px 10px no-repeat; height: 38px; } #demande span { display: none; } #demande .demande1 { background: #424242 url("../images/interface-2/cartouche-background.gif") repeat-x; border: 1px solid #333; width: 280px; margin: 50px auto 0px auto; } #demande .demande2 { background: url("../images/interface-2/cartouche-carre.gif") no-repeat bottom right; } #demande h4 { color: #e95f15; width: 265px; padding: 5px 0px 15px 15px; margin: 0px; font-size: 13px; } #demande a { display: block; height: 25px; margin: 12px 0px; } #demande a.devis { background: url("../images/interface-2/demande-devis.gif") center no-repeat; } #demande a.renseignements { background: url("../images/interface-2/demande-renseignements.gif") center no-repeat; } #demande p { text-align: center; } #demande select { margin: 5px 0px 15px; border: 1px solid #999; background: #333; color: #999; } /* showrooms */ #showrooms h3 { background: url("../images/interface-2/showrooms.gif") 10px 10px no-repeat; height: 38px; } #showrooms span { display: none; } #showrooms a { color: #e95f12; } #showrooms .images { margin: 10px auto; } #showrooms .images .l img { margin: 10px 20px 10px 0px; } #showrooms .images .c { text-align: center; } #showrooms p { margin: 10px 40px; } #showrooms p.center { text-align: center; } #showrooms p strong { color: #e95f12; } /* catalogues-pdf */ #catalogues h3 { background: url("../images/interface-2/catalogues-pdf.gif") 10px 10px no-repeat; height: 38px; } #catalogues span { display: none; } #catalogues .catalogues1 { background: #424242 url("../images/interface-2/cartouche-background.gif") repeat-x; border: 1px solid #333; width: 280px; margin: 20px auto 0px auto; } #catalogues .catalogues2 { background: url("../images/interface-2/cartouche-carre.gif") no-repeat bottom right; color: #4a4745; } #catalogues h4 { color: #e95f15; 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-2/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; font-weight: normal; margin-bottom: 5px; } #search p { font-size: 8pt; color: #666; } #search p span { font-size: 8pt; color: #FFF; } /* press */ #press h3 { background: url("../images/interface-2/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 { margin-bottom: 5px; } #press table p { color: #666; } #press .contact { color: #666; margin: 5px 20px; } #press .contact span { display: none; } /* realizations */ #realizations h3 { background: url("../images/interface-2/realisations.gif") 10px 10px no-repeat; height: 38px; } #realizations h3 span { display: none; } #realizations .organise { margin: 20px 10px 10px 10px; padding-bottom: 10px; color: #666; border-bottom: 2px solid #e95f15; } #realizations .organise a { text-decoration: underline; } #realizations img { border: 0px none; height: 100px; width: 100px; margin-right: 23px; } #realizations img.last { margin: 0px; } #realizations ul { margin: 10px; } #realizations li { border-bottom: 1px solid #999; padding: 10px 0px; vertical-align: top; } #realizations .text { color: #666; margin: 10px 0px; } /* events */ #events h3 { background: url("../images/interface-2/evenements.gif") 10px 10px no-repeat; height: 38px; } #events h3 span { display: none; } #events .organise { margin: 20px 10px 10px 10px; padding-bottom: 10px; color: #666; border-bottom: 2px solid #e95f15; } #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; } #events table p { color: #666; } /* jobs */ #jobs { } #jobs h3 { background: url("../images/interface-2/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; }