/* CSS Document */ /***********Statiques*************/ #StatiquesWrap { position:relative; width:1004px; margin:auto; height:auto; overflow:hidden; } #StatiquesWrapG { position:relative; float:left; width:214px; height:auto; } #StatiquesWrapD { position:relative; float:right; width:790px; height:auto; overflow:hidden; } #StatiquesWrapD H1 { position:relative; width:790px; height:82px; padding:0px; margin:0px; } #StatiquesWrapD H2 { padding:0px; margin:0px; } #StatiquesWrapD span { display:none; } .StatiquesPied { position:relative; width:790px; height:39px; background:url(../images/sav/tab790-pied.jpg) no-repeat; } /*********** SAV *************/ /*------Colonne Gauche-----*/ #DecoSavWrapG { position:relative; float:left; width:214px; height:1250px; } #DecoSavWrapG img { position:absolute; left:0px; bottom:0px; } /*------Colonne Droite-----*/ #SavTab { position:relative; width:790px; height:auto; background:url(../images/sav/tab790-centre.jpg) repeat-y; } #SavText { position:relative; width:700px; height:auto; margin:auto; font-size:12px; } #SavText a { color:#666666; font-weight:bold; text-decoration:none; } #SavText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #SavText p { padding:0px; margin:0px; } /************* CGV ************/ /*------Colonne Gauche-----*/ #CgvWrapG { position:relative; float:left; width:214px; height:auto; overflow:hidden; } #CgvWrapG ul { position:relative; width:214px; height:400px; top:70px; margin:0px; padding:0px; text-align:right; list-style-image:none; list-style-position:outside; list-style-type:none; } #CgvWrapG ul li { width:214px; height:30px; display:block; background:url(../images/cgv/sm-cgv.gif) no-repeat 0 19px; } #CgvWrapG ul li a { color:#990000; font-weight:bold; padding-right:10px; padding-top:5px; text-decoration:none; } #CgvWrapG ul li a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } /*------Colonne Droite-----*/ #CgvWrapD { position:relative; float:right; width:790px; height:auto; overflow:hidden; } #CgvWrapD H1 { position:relative; width:790px; height:82px; background:url(../images/cgv/h1-cgv.jpg) no-repeat; padding:0px; margin:0px; } #CgvWrapD span { visibility: hidden; } #CgvTab { width:790px; height:auto; position:relative; background:url(../images/cgv/tab790-centre.jpg) repeat-y; } .CgvPied { position:relative; width:790px; height:39px; background:url(../images/cgv/tab790-pied.jpg) no-repeat; } #CgvText { position:relative; width:700px; height:auto; margin:auto; font-size:12px; } #CgvText a { color:#666; font-weight:bold; text-decoration:none; } #CgvText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #CgvText p { padding:0px; margin:0px; } /******* LE SHOP *************/ #Shop { width:100%; margin:auto; background:url(../images/shop/fnd-shop.jpg) repeat-x; height:auto; overflow:hidden; clear:both; } #ShopWrap { position:relative; width:1004px; margin:auto; height:auto; overflow:hidden; } /*------Colonne Gauche-----*/ #ShopWrapG { position:relative; float:left; width:214px; height:455px; background:url(../images/shop/contact-shop.jpg) no-repeat; text-align:center; } .ShopShop { position:absolute; height:40px; width:214px; left:0; top:310px; font-size:12px; text-align:center; font-weight:bold; } .CommandPhone { position:absolute; width:214px;height: 67px; top:455px; left:0px; background:url(../images/shop/command-telephone.jpg) no-repeat; } .CommandPhone span { visibility:hidden; } /*------Colonne Droite-----*/ #ShopWrapD { position:relative; float:right; width:790px; height:auto; overflow:hidden; background:url(../img/hp/hp-fnd-shop-d.jpg) no-repeat; } #ShopWrapD H1 { position:relative; width:790px; height:82px; padding:0px; margin:0px; } #ShopWrapD H2 { padding:0px; margin:0px; } #ShopWrapD span { visibility:hidden; } #ShopTab { position:relative; width:790px; height:auto; background:url(../images/shop/tab790-centre.jpg) repeat-y; } #ShopPied { position:relative; width:790px; height:39px; background:url(../images/shop/tab790-pied.jpg) no-repeat; } .ShopAdresse { position:relative; width:700px; height:60px; background:url(../images/shop/fnd-adresse.gif) no-repeat; font-size:13px; } #ShopText { position:relative; width:700px; height:auto; margin:auto; font-size:14px; } #ShopText a { color:#333; font-weight:bold; text-decoration:none; } #ShopText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #ShopText p { padding:0px; margin:0px; } .TClient { position: relative; float:left; width:700px; height:50px; background:url(../img/contact/h2-client.jpg) no-repeat; } .TClient span { visibility:hidden; } .TPros { position:relative; float:left; width:700px; height:50px; background:url(../img/contact/h2-pros.jpg) no-repeat; } .TPros span { visibility: hidden; } .ContactTech { position:relative; width:700px; height:292px ;background: url(../images/shop/tab-shop-bois.jpg) no-repeat; } .ContactTechLi1 { position:absolute; width:600px; height:179px; top:90px; left:50px; color:#FFF; } .ContactAdresse { position:relative; width:700px; height: 60px; background:url(../images/shop/fnd-adresse.gif) no-repeat; font-size:13px; } #ContactText a { color:#333333; font-weight:bold; text-decoration:none; } #ContactText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #ContactText p { padding:0px; margin:0px; } /******** LA LIVRAISON **********/ #DecoLivraisonWrapG { position:relative; float:left; width:214px; height:700px; } #DecoLivraisonWrapG img { position:absolute; left:0px; bottom:0px; } /******** LES PLUS **********/ #DecoLesplusG { position: relative; float:left; width: 214px; height: 510px; top:500px; } #DecoLesplusG img { position:absolute; left:0px; } #LesPlusTab { position:relative; width:790px; height:auto; background:url(../images/lesplus/tab790-centre.jpg) repeat-y; } #LesPlusText { position:relative; width:700px; height:auto; margin:auto; font-size:12px; } #LesPlusText a { color:#666666; font-weight:bold; text-decoration:none; } #LesPlusText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #LesPlusText p { padding:0px; margin:0px; } #Conseil { position:relative; float:left; width:700px; height:232px; background:url(../images/lesplus/tab-bois-lesplus.jpg) no-repeat; } .ConseilTxt { position: absolute; width: 661px; height: 179px; top: 74px; left:23px; color:#FFFFFF; } #Service { position:relative; float:left; width:700px; height:274px; background:url(../images/lesplus/bloc-serviceshop.jpg) no-repeat;} .ServiceTxt { position:absolute; width:661px; height:179px; top:74px; left:23px; color:#FFFFFF; } .ServiceTxt span { visibility: hidden; } .ContactTechLi2 { width: 500px; height: 20px; position: absolute; top: 240px; left: 120px; color: #FFFFFF; } #ContactTechRubG { width: 250px; height: 120px; position: absolute; top: 100px; left: 75px; color: #FFFFFF; font-weight: bold; font-size: 13px; text-align: right; } #ContactTechRubD { width: 250px; height: 120px; position: absolute; top: 100px; left: 370px; color: #FFFFFF; font-weight: bold; font-size: 13px; text-align: left; } #ContactTechRubD a { color: #FFFFFF; } #ContactTechRubD a:hover { color: #FF0000; } /*------Tableau Conseil-----*/ #BoiteRef { width:350px; height:228px; position:relative; float:left; background:url(../images/lesplus/bloc-ref.jpg) no-repeat; } #BoiteRef p { width:270px; height:200px; margin:auto; position:absolute; top:90px;left:30px; color:#333333; } #BoiteSelect { width:350px; height:228px; position:relative; float:left; background:url(../images/lesplus/bloc-selection.jpg) no-repeat; } #BoiteSelect p { width:270px; height:200px; margin:auto; position:absolute; top:90px; left:50px; color #333333; } #BoiteStock { width:350px; height:228px; position:relative; float:left; background:url(../images/lesplus/bloc-stock.jpg) no-repeat; } #BoiteStock p { width:270px; height:200px; margin:auto; position:absolute; top:90px; left:30px; color:#333333; } #BoiteBonPlan { width:350px; height:228px; position:relative; float:left; background:url(../images/lesplus/bloc-bonplan.jpg) no-repeat; } #BoiteBonPlan p { width: 270px; height: 200px; margin: auto; position: absolute; top: 90px; left: 50px; color: #333333; } /******** CONTACT **********/ #DecoContactG { position:relative; float:left; width:214px; height:700px; } #DecoContactG img { position:absolute; left:0px; top:70px; } #ContactTab { width:790px; height:auto; position:relative; background:url(../images/contact/tab790-centre.jpg) repeat-y; } #ContactText { width:700px; height:auto; position:relative; margin:auto; font-size:14px; } .ContactAdresse { width:700px; height:60px; position:relative; background:url(../images/contact/fnd-adresse.gif) no-repeat; font-size:13px; } #ContactText a { color:#333333; font-weight:bold; text-decoration:none; } #ContactText a:hover { color:#CC0000; font-weight:bold; text-decoration:underline; } #ContactText p { padding:0px; margin:0px; } .TClient { width:700px; height:50px; background:url(../images/contact/h2-client.jpg) no-repeat; position:relative; float:left; } .TClient span { visibility:hidden; } .TPros { width:700px; height:50px; background:url(../images/contact/h2-pros.jpg) no-repeat; position:relative; float:left; } .TPros span { visibility:hidden; } #ContactTech { width:700px; height:292px; position:relative; background:url(../images/contact/tabcontact-bois.jpg) no-repeat; } .ContactTechLi1 { width:560px; height:20px; position:absolute; top:60px; left:70px; color:#FFFFFF; } .ContactTechLi2 { width:500px; height:20px; position:absolute; top:240px; left:120px; color:#FFFFFF; } #ContactTechRubG { width:250px; height:120px; position:absolute; top:100px; left:75px; color:#FFFFFF; font-weight:bold; font-size:13px; text-align:right; } #ContactTechRubD { width:250px; height:120px; position:absolute; top:100px; left:370px; color:#FFFFFF; font-weight:bold; font-size:13px; text-align:left; } #ContactTechRubD a { color:#FFFFFF; } #ContactTechRubD a:hover { color:#FF0000; } /******** PAIEMENT **********/ #DecoPaiementWrapG { position:relative; float:left; width:214px; height:748px } #DecoPaiementWrapG img { position:absolute; left:0px; bottom:0px; }