/*************************************************************************** * style.css * ---------- * Cree le : 10 Decembre 2006 * Derniere modif. : 25 Octobre 2011 * 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:#fff; text-decoration:none; } img { border:0 none; } body { background:#0B0B0B url("../images/interface-1/body-background.gif") center center no-repeat; color:#FFFFFF; height:100%; width:100%; } #table-middle { vertical-align:middle; height:100%; width:100%; } #container { position:relative; margin:0 auto; width:920px; height:623px; border:1px solid #343434; } #logo { background:url("../images/interface-1/logo-background.gif"); width:920px; height:45px; color:#e95f15; } #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-1/logo-designby.gif") no-repeat; height:45px; width:145px; } div.visuel { position:relative; border-top:1px solid #323232; 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-1/visuel-shadow.png",sizingMethod="scale"); } #visuel-shadow[class="fixpng"] { background:url("../images/interface-1/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:5px; float:left; color:#e95f15; } #menu-top a:hover { color:#e95f15; } #menu-top .urls a { color:#e95f15; } #menu-top .urls a:hover { color:#fff; } #menu-top .bull { color:#fff; } #menu-top #rss { position:absolute; right:0; margin-right:5px; } #menu-top #rss a { display:block; background:url("../images/interface-1/rss.gif") no-repeat; width:15px; height:15px; } #menu-search-travel { background:url("../images/interface-1/menu-background.gif"); width:920px; height:30px; } #menu-title { background:url("../images/interface-1/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-1/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; font-size:8pt; color:#fff; margin-top:6px; float:left; border:1px solid #999; } #search-submit { background:url("../images/interface-1/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-1/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:#999; 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:5px; left:0; z-index:200000; } #menu-shadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/interface-1/menu-shadow.png",sizingMethod="scale"); } #menu-shadow[class="fixpng"] { background:url("../images/interface-1/menu-shadow.png"); filter:none; } #menu { background:url("../images/interface-1/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 #333; border-right:1px solid #333; border-left:1px solid #333; background:#333; 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:#999; cursor:pointer; background:url("../images/interface-1/point-orange.gif") no-repeat center left; } #menu-1 a.active, #menu-1 a.active-js { color:#e95f15; padding:3px 0 3px 11px; background:#000 url("../images/interface-1/point-orange.gif") no-repeat center left; } #menu-1 ul li { border-bottom:1px solid #333; padding:0; } #menu-1 ul li a { padding:3px 0 3px 6px; width:140px; background:#000; } #menu-1 ul li a.active { color:#e95f15; background:#000; padding:3px 0 3px 6px; border-top:0px none; } #menu-1 ul li.last a, #menu-1 ul li.last a.active { border:0px none; } #menu-1 a:hover { color:#e95f15; } #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:#e95f15; background:url("../images/interface-1/point-gris.gif") no-repeat center left; } #menu-2 a:hover { color:#999; } #copyright { height:16px; margin-left:5px; font-size:9pt; cursor:pointer; } #ici { display:none; position:absolute; border:1px solid #999; background:#000; padding:5px; font-size:9pt; cursor:default; z-index:100; margin:-30px 0 0 25px; white-space:nowrap; } #ici a { cursor:pointer; } #ici .dar { display:none; } /* index */ #index-fade { position:absolute; background:url("../images/interface-1/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 img { background:#FFFFFF; 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-1/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-1/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-2 { height:111px; padding:15px 20px 0 20px; } #index-texts #text-2 h3 { background:url("../images/interface-1/news.gif") no-repeat; height:30px; } #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:#999; } #index-texts div.text-img { display:block; float:right; margin-left:20px; } /* catalog */ #catalog-list { position:absolute; background:url("../images/interface-1/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:0 !important; margin:0 -1px -1px 0; } #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-1/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-1/bande-page.png",sizingMethod="scale"); } #catalog-list #pages .sep img { background:url("../images/interface-1/mini-barre.gif") no-repeat center; height:19px; width:1px; } /* img:catalog.php */ #catalog-list #pages .over { } #catalog-list #pages .here a { background:#e95f15; filter:none; } #catalog-list #pages .left a { text-align:right; } #catalog-list #pages .left a img { background:url("../images/interface-1/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-1/fleche-d.gif") no-repeat center left; } /* ...bricolage IE7 et autres... */ #catalog-list #pages[class="fixpng"] { background:url("../images/interface-1/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-1/mini-barre.gif") no-repeat center; filter:none; } #catalog-list #pages[class="fixpng"] .over { } #catalog-list #pages[class="fixpng"] .here { background:#e95f15; } #catalog-list #pages[class="fixpng"] .left { background:url("../images/interface-1/fleche-g.gif") no-repeat center right; } #catalog-list #pages[class="fixpng"] .right { background:url("../images/interface-1/fleche-d.gif") no-repeat center left; } #catalog-products { position:absolute; background:url("../images/interface-1/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 0; text-align:center; } #catalog-products .image-medium img { height:190px; width:190px; border:0px none; } #catalog-products .description { padding:20px 10px 0; text-align:center; width:252px; } #catalog-products .description h3 { font-size:11pt; margin:10px 0; } #catalog-products .description h4 { font-size:10pt; color:#e95f15; } #catalog-products .description a { display:block; background:url("../images/interface-1/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-1/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-1/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-1/cartouche-carre.gif") no-repeat bottom right; } .adresses h4 { color:#e95f15; width:265px; padding:5px 0 5px 15px; margin:0; font-size:13px; } .adresses h5 { color:#000; width:265px; padding:10px 0 10px 15px; margin:0; font-size:12px; font-weight:normal; } .adresses a.plan { display:block; background:url("../images/interface-1/plan-d-acces.gif") no-repeat center; width:100%; height:25px; margin:7px 0 5px; } /* societe */ #societe h3 { background:url("../images/interface-1/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-1/societe-professionnels.gif") no-repeat left top; width:133px; height:210px; } #societe .img2 { background:url("../images/interface-1/societe-particuliers.gif") no-repeat left top; width:133px; height:137px; } #societe .img3 { background:url("../images/interface-1/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-1/type-de-demande.gif") 10px 10px no-repeat; height:38px; } #demande span { display:none; } #demande .demande1 { background:#424242 url("../images/interface-1/cartouche-background.gif") repeat-x; border:1px solid #333; width:280px; margin:50px auto 0 auto; } #demande .demande2 { background:url("../images/interface-1/cartouche-carre.gif") no-repeat bottom right; } #demande h4 { color:#e95f15; width:265px; padding:5px 0 15px 15px; margin:0; font-size:13px; } #demande a { display:block; height:25px; margin:12px 0; } #demande a.devis { background:url("../images/interface-1/demande-devis.gif") center no-repeat; } #demande a.renseignements { background:url("../images/interface-1/demande-renseignements.gif") center no-repeat; } #demande p { text-align:center; } #demande select { margin:5px 0 15px; border:1px solid #999; background:#333; color:#999; } /* showrooms */ #showrooms h3 { background:url("../images/interface-1/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 0; } #showrooms .images .c { text-align:center; } #showrooms div.panoramique { text-align:right; width:584px; margin:0 auto; color:#666; } #showrooms a.panoramique { display:block; margin-top:5px; height:227px; width:100%; background:url("../images/interface-1/visuel_showrooms.jpg") no-repeat; } /* catalogues-pdf */ #catalogues h3 { background:url("../images/interface-1/catalogues-pdf.gif") 10px 10px no-repeat; height:38px; } #catalogues span { display:none; } #catalogues .catalogues1 { background:#424242 url("../images/interface-1/cartouche-background.gif") repeat-x; border:1px solid #333; width:280px; margin:20px auto 0 auto; } #catalogues .catalogues2 { background:url("../images/interface-1/cartouche-carre.gif") no-repeat bottom right; color:#4a4745; } #catalogues h4 { color:#e95f15; width:265px; padding:5px 0 15px 15px; margin:0; font-size:13px; } #catalogues a { color:#fff; text-decoration:none; } #catalogues ul { padding:10px 0 20px 20px; } #catalogues li { margin-top:5px; color:#000; } /* recherche */ #search h3 { background:url("../images/interface-1/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-1/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 0; 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-1/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:0; } #realizations ul { margin:10px; } #realizations li { border-bottom:1px solid #999; padding:10px 0; vertical-align:top; } #realizations .text { color:#666; margin:10px 0; } /* events */ #events h3 { background:url("../images/interface-1/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 0; 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-1/recrutement.gif") 10px 10px no-repeat; height:38px; } #jobs h3 span { display:none; } #jobs h4 { margin:15px 10px 10px; } #jobs p { color:#666; margin:0 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:920px; } #l-adresse .baseline { font-size:7.5pt; } #l-adresse a:hover { color:#e46728; }