/* CSS Logik-ê */ /* Couleurs */ /* Vert: #224e33 */ /* Orange #d44612 */ /* Styles de base ----------------------------------------------------*/ body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../images/background.jpg); background-repeat:repeat-y; background-position:center} /* Contenant ----------------------------------------------------*/ #contenant{margin:0 auto; padding:0; width:955px; z-index:1;} #bg_flamme{position:absolute; margin:0; padding:0; width:180px; height:695px; z-index:2} #bg_logo{position:absolute; margin:645px 0 0 0; padding:0; width:180px; height:46px; z-index:3} #bg_header{position:absolute; margin:0 0 0 182px; padding:0; width:772px; height:108px; z-index:2} #bouton_accueil{position:absolute; margin:0 0 0 182px; padding:0; width:772px; height:108px; z-index:2} #bouton{display: block;width:43px;height:126px;background-image:url(../images/bg_bouton.jpg)} #bouton:hover{background-position: 43px 0px;} #bouton span{display:none} /* Menu principal -------------------------------------------------*/ #menu{position:absolute; margin:110px 0 0 182px; padding:0; width:772px; height:43px; z-index:5} #menu ul{margin:0; padding:0; list-style:none;} #menu ul li{margin:0; padding:0; float:left; border:0px solid #000; width:127px;} #menu ul li.spacing{margin:0 0 0 2px;} #menu a{display:block; background-image:url(../images/bg_bouton.jpg); background-position:0 0; color:#fff; text-decoration:none; font-weight:bold; font-size:1.1em; text-align:center;} #menu a:hover{background-position:0 43px} #menu a.single{padding-top:12px; height:31px;} #menu a.double{padding-top:5px; height:38px;} /* Sous menu des produits -------------------------------------------------*/ #sousmenu{position:absolute; margin:764px 0 0 182px; padding:0; width:703px; height:262px;} .sousmenu_buche{background-image:url(../images/sousmenu_buche.jpg); background-repeat:no-repeat} .sousmenu_allume{background-image:url(../images/sousmenu_allume.jpg); background-repeat:no-repeat} .sousmenu_briquette{background-image:url(../images/sousmenu_briquette.jpg); background-repeat:no-repeat} .sousmenu_copeaux{background-image:url(../images/sousmenu_copeaux.jpg); background-repeat:no-repeat} #produit_1{position:absolute; margin:20px 0 0 60px; padding:0; width:170px; height:60px; z-index:5} #produit_1 h3{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produit_1 p{margin:5px 0 0 0; padding:0} #produit_1 p a{color:#224e33; font-style:italic} #produit_1 p a:hover{color:#d44612;} #produit_2{position:absolute; margin:20px 0 0 275px; padding:0; width:170px; height:60px; z-index:5} #produit_2 h3{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produit_2 p{margin:5px 0 0 0; padding:0} #produit_2 p a{color:#224e33; font-style:italic} #produit_2 p a:hover{color:#d44612;} #produit_3{position:absolute; margin:20px 0 0 480px; padding:0; width:170px; height:60px; z-index:5} #produit_3 h3{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produit_3 p{margin:5px 0 0 0; padding:0} #produit_3 p a{color:#224e33; font-style:italic} #produit_3 p a:hover{color:#d44612;} /* Produits -------------------------------------------------*/ #produits{position:absolute; margin:154px 0 0 182px; padding:0; width:772px; height:610px;} .bg_produit_1{background-image:url(../images/bg_produits_allumefeu.jpg); background-repeat:no-repeat} .bg_produit_2{background-image:url(../images/bg_produits_copeaux.jpg); background-repeat:no-repeat} .bg_produit_3{background-image:url(../images/bg_produits_briquettes.jpg); background-repeat:no-repeat} .bg_produit_4{background-image:url(../images/bg_produits_buche.jpg); background-repeat:no-repeat} #produits_titre{position:absolute; margin:70px 0 0 60px; padding:0; width:340px; height:60px;z-index:5} #produits_titre h2{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produits_titre_avantages{position:absolute; margin:70px 0 0 425px; padding:0; width:260px; height:60px; border:0px solid #000; z-index:5} #produits_titre_avantages h2{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produits_titre_avantages ul{margin:0; padding:10px 0 0 20px} #produits_titre_avantages2{position:absolute; margin:70px 0 0 400px; padding:0; width:280px; height:60px; border:0px solid #000; z-index:5} #produits_titre_avantages2 h2{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produits_titre_avantages2 ul{margin:0; padding:10px 0 0 20px} #produits_description{position:absolute; margin:440px 0 0 60px; padding:0; width:340px; height:150px; border:0px solid #000; z-index:5} #produits_description2{position:absolute; margin:500px 0 0 60px; padding:0; width:340px; height:150px; border:0px solid #000; z-index:5} #produits_description4{position:absolute; margin:400px 0 0 60px; padding:0; width:340px; height:150px; border:0px solid #000; z-index:5} #produits_avantages3{position:absolute; margin:510px 0 0 400px; padding:0; width:280px; height:40px; border:0px solid #000; z-index:5} #produits_avantages4{position:absolute; margin:350px 0 0 425px; padding:0; width:260px; height:60px; border:0px solid #000; z-index:5} #produits_avantages4 h2{color:#224e33; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #produits_avantages4 ul{margin:0; padding:10px 0 0 20px} /* Mode d'emploi */ #utilisation{position:absolute; margin:210px 0 0 182px; padding:0; width:703px; height:971px; background:url(../images/bordure.gif) no-repeat -10px -40px} #utilisation_titre{position:absolute; margin:47px 0 0 52px; padding:20px; width:600px; border:0px solid #000; background:url(../images/bg_blanc.jpg) repeat-y} #utilisation_titre h2{color:#dd4b14; font-size:1.4em; text-transform:uppercase; margin:0; padding:0;} #utilisation_titre p{color:#224e33;} #utilisation_titre h3{color:#dd4b14; font-size:1.3em;} #utilisation_titre p a{color:#000000;} #utilisation_titre p a:hover{color:#dd4b14;} #utilisation_titre img{padding-right:10px} #utilisation_1{position:absolute; margin:425px 0 0 240px; padding:0; width:200px; height:100px; border:0px solid #000; text-align:right} #utilisation_1 p{color:#224e33; font-size:1.2em; font-weight:bold; margin:0; padding:0; line-height:150%} #utilisation_1_image{position:absolute; margin:390px 0 0 460px; padding:0; width:244px; height:172px;} #utilisation_2{position:absolute; margin:630px 0 0 240px; padding:0; width:200px; height:100px; border:0px solid #000; text-align:right} #utilisation_2 p{color:#224e33; font-size:1.2em; font-weight:bold; margin:0; padding:0; line-height:150%} #utilisation_2_image{position:absolute; margin:580px 0 0 460px; padding:0; width:244px; height:170px;} #utilisation_3{position:absolute; margin:820px 0 0 240px; padding:0; width:200px; height:100px; border:0px solid #000; text-align:right} #utilisation_3 p{color:#224e33; font-size:1.2em; font-weight:bold; margin:0; padding:0; line-height:150%} #utilisation_3_image{position:absolute; margin:770px 0 0 460px; padding:0; width:244px; height:202px;} #utilisation_info{position:absolute; margin:960px 0 0 270px; padding:0; width:600px; height:100px; border:0px solid #000; text-align:left} #utilisation_info p{color:#224e33; font-size:1.0em; font-weight:bold; margin-top:10px} #utilisation_info p a{color:#000000;} #utilisation_info p a:hover{color:#dd4b14;} #utilisation_info img{padding-right:20px} /* Question */ #question{position:absolute; margin:174px 0 0 182px; padding:0; width:703px; height:845px; background:url(../images/bordure.gif) no-repeat -10px -40px} #question_bg{position:absolute; margin:46px 0 0 52px; padding:0; width:645px; height:845px;} td.blanc{background:url(../images/bg_td_blanc.jpg);} td.blanc p{color:#224e33; font-size:1em; font-weight:normal} .rougetexte{color:#dd4b14; font-size:1.2em} td.rouge{background:url(../images/bg_td_rouge.jpg);} td.rouge p{color:#224e33; font-size:1em; font-weight:normal} /* Contact */ table.form{color:#224e33} /* Spécification */ #specification{position:absolute; margin:174px 0 0 182px; padding:0; width:703px; height:971px; background:url(../images/bordure2.gif) no-repeat -10px 10px} #texte a.specification{color:#224e33; text-transform:uppercase; text-decoration:underline; font-weight:bold} #texte a:hover.specification{color:#d44612;} #specification_texte{position:absolute; margin:270px 0 0 230px; padding:20px; width:600px; border:0px solid #000; background:url(../images/bg_blanc.jpg) repeat-y} #specification_texte h2{color:#ffffff; text-transform:uppercase; font-size:1.5em; padding:5px; background:url(../images/bg_h2.jpg) repeat-y 0 0} #specification_texte h3{color:#224e33; text-transform:uppercase; font-size:1.4em; padding-left:5px; margin-bottom:0} #specification_texte p{color:#224e33; font-size:1.2em; padding-left:5px; margin:0} /* Langues -------------------------------------------------*/ #langue{position:absolute; margin:160px 0 0 182px; padding:0; width:772px; height:20px; z-index:2; text-align:right; border:0px solid #000} #langue ul{margin:0; padding:0; list-style:none;} #langue ul li{display:inline; padding:0 10px 0 10px; color:#d44612; text-decoration:none; font-weight:bold} #langue ul li a{text-decoration:none; color:#006332} #langue ul li a:hover{text-decoration:underline; color:#d44612} /* Zone texte -------------------------------------------------*/ #contenu{position:absolute; margin:0; padding:0; width:955px; z-index:2} #texte{position:absolute; margin:150px 0 0 220px; padding:20px; width:660px; border:0px solid #000} #texte h1{color:#224e33; font-size:1.6em; text-transform:uppercase; letter-spacing:0.1em; z-index:5} #texte p{color:#224e33; font-size:1.1em; line-height:140%; z-index:5} #photo_buche{position:absolute; margin:300px 0 0 470px; padding:0; width:410px; height:359px;}