/* ---------------------------------------- Général + vrac a trier -------------------------------------------*/ body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; margin: 0;padding: 0; background-color:#632D1E; line-height:16px; /*background-image:url(../img/bkg.gif); background-repeat: repeat-x;*/} * {margin:0; padding:0;} h2 {padding:0; margin-left:270px; margin-right:20px; color:#955685; font-size:18px; padding-bottom:30px;} h3 {padding:0; margin-right:20px; color:#000000; font-size:12px; padding-bottom:20px;} h4 {padding:0; margin-left:270px; margin-right:20px; color:#632D1E; font-size:12px; padding-bottom:10px; padding-top:10px; border-top:1px solid #EEEEEE;} a {text-decoration:none; color:#000000;} a:hover {text-decoration:underline; color:#000000;} img {border:0;} .guide {font-size:10px; text-align:center;} th {text-align:right; padding-right:5px;} input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .sousMenu {padding:0; margin-left:40px; margin-top:0px; color:#AAA;} .sousMenu a {color:#AAA;} .sousMenu a:hover {color:#AAA;} .sm {padding:0; margin:0;} #gauche span, #haut span, h1 span {display:none;} .stretcher {margin-left:10px; margin-right:20px;} p .produit {padding:0; margin-left:20px; color:#404040; padding-bottom:30px; background-color:#333399} p.titre_produit {font-size:20px;color:#33CC33;} /* ---------------------------------------- Spécifiques + DIV -------------------------------------------*/ #conteneur {width:750px;margin:0 auto;background-color:#FFFFFF; margin-top:3px;} #header {height: 70px;background-image:url(../img/header.gif);} #haut {height: 30px;background-image:url(../img/haut_repeat.gif); background-repeat:repeat-x;} #gauche {float:left;width: 270px; margin-top:25px; margin-left:10px; padding-bottom:30px;} #solution, #centre {background-color:#FFFFFF;margin-left: 270px;margin-top:30px; margin-left:20px; font-size:13px; line-height:20px;} #centre p, #centre .intro {padding:0; margin-left:270px; margin-right:20px; color:#404040; padding-bottom:30px;} #solution p {padding:0; margin-right:20px; color:#404040; padding-bottom:30px;} #solution ul, #centre ul {padding:0; margin-left:300px; margin-right:20px; color:#7F7F7F; font-size:12px; padding-bottom:30px;} #centre .encadre {padding:10px; margin-left:290px; margin-right:20px; margin-bottom:10px; background-color:#EDEEED; border-left:8px solid #F5821F; font-size:11px; margin-bottom:30px;} #centre .encadre2 {padding:10px; margin-left:270px; margin-right:20px;background-color:#EDEEED; font-size:11px; margin-bottom:30px;} #centre .reponse {padding:10px; margin-left:270px; margin-right:20px;background-color:#EDEEED; font-size:11px; margin-bottom:20px; margin-top:10px;} #centre .guide1 {padding:10px; margin-left:260px; margin-right:20px; font-size:11px; margin-bottom:0; margin-top:0; padding-bottom:0;} #centre .guide2 {padding:10px; margin-left:260px; margin-right:20px; font-size:11px; margin-bottom:0; margin-top:0; padding-top:0; padding-bottom:0;} #centre .erreur {padding:10px; margin-left:270px; margin-right:20px;background-color:#EDEEED; font-size:11px; margin-bottom:0; color:#FF0000; margin-top:30px;} #centre .ok {padding:10px; margin-left:270px; margin-right:20px;background-color:#EDEEED; font-size:11px; margin-bottom:0; color:#5E7F05; margin-top:30px;} #centre .codeblock {padding:10px; margin-left:270px; margin-right:20px;background-color:#EDEEED; font-size:11px; margin-bottom:0; font-family:"Courier New", Courier, mono;} #pied {clear:both;height: 20px;background-color: #F5821F; margin-top:30px;} .footer {color:#FFFFFF; text-align:center; padding-top:3px;} /* ---------------------------------------- Visuel + Accroche + Solutions correspondantes (produits) -------------------------------------------*/ /* --- visuel ŕ gauche ---- */ #visuel_elektron, #visuel_chauffer, #visuel_climatiser, #visuel_piscine, #visuel_sanitaire, #visuel_index, #visuel_geothermie, #visuel_fonctionnement, #visuel_systemes, #visuel_saviezvous, #visuel_lexique, #visuel_guide, #visuel_societe, #visuel_references, #visuel_installateurs, #visuel_contact, #visuel_economies{float:left; height:300px; width:530px} #visuel_chauffer {background-image:url(../img/visuel_accroche/visuel_chauffer.jpg);} #visuel_climatiser {background-image:url(../img/visuel_accroche/visuel_climatiser.jpg);} #visuel_piscine {background-image:url(../img/visuel_accroche/visuel_piscine.jpg);} #visuel_sanitaire {background-image:url(../img/visuel_accroche/visuel_sanitaire.jpg);} #visuel_elektron {background-image:url(../img/visuel_accroche/visuel_elektron.jpg);} #visuel_index {background-image:url(../img/visuel_accroche/visuel_accueil.jpg);} #visuel_economies, #visuel_geothermie, #visuel_fonctionnement, #visuel_systemes, #visuel_saviezvous, #visuel_lexique {background-image:url(../img/visuel_accroche/visuel_geothermie.jpg);} #visuel_credit, #visuel_consommation {background-image:url(../img/visuel_accroche/visuel_economies.jpg);} #visuel_guide {background-image:url(../img/visuel_accroche/visuel_guide.jpg);} #visuel_societe {background-image:url(../img/visuel_accroche/visuel_societe.jpg);} #visuel_references {background-image:url(../img/visuel_accroche/visuel_references.jpg);} #visuel_installateurs {background-image:url(../img/visuel_accroche/visuel_installateurs.jpg);} #visuel_contact {background-image:url(../img/visuel_accroche/visuel_contact.jpg);} /* --- droite du visuel (texte accroche) ---- */ #accroche_chauffer {background-color:#9b2207; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_climatiser {background-color:#c26d29; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_piscine {background-color:#683f5e; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_sanitaire {background-color:#009bc6; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_elektron {background-color:#a4c537; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_index {background-color:#683F5E; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_geothermie, #accroche_fonctionnement, #accroche_systemes, #accroche_saviezvous, #accroche_lexique {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_economies, #accroche_credit, #accroche_consommation {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_guide {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_societe {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_references {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_installateurs {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} #accroche_contact {background-color:#B9B9B9; height:280px;margin-left: 530px; color:#FFFFFF; padding:10px;} /* --- droite du visuel (tableau solutions correspondantes au besoin) ---- */ #accroche_chauffer table {border:0; margin-top:14px;background-color:#9b2207;} #accroche_chauffer td {height:49px; text-align:left;} #accroche_chauffer th {text-align:left; height:22px;} #accroche_climatiser table {border:0; margin-top:14px;background-color:#c26d29;} #accroche_climatiser td {height:49px; text-align:left;} #accroche_climatiser th {text-align:left; height:22px;} #accroche_piscine table {border:0; margin-top:14px;background-color:#683f5e;} #accroche_piscine td {height:49px; text-align:left;} #accroche_piscine th {text-align:left; height:22px;} #accroche_sanitaire table {border:0; margin-top:14px;background-color:#009bc6;} #accroche_sanitaire td {height:49px; text-align:left;} #accroche_sanitaire th {text-align:left; height:22px;} #accroche_elektron table {border:0; margin-top:14px;background-color:#a4c537;} #accroche_elektron td {height:49px; text-align:left;} #accroche_elektron th {text-align:left; height:22px;} /* ---------------------------------------- Titres de page H1 -------------------------------------------*/ .h1_chauffer {background-image:url(../img/titre/chauffer.gif); background-repeat:no-repeat; margin-left:270px; height:21px; padding-bottom:30px;} .h1_climatiser {background-image:url(../img/titre/climatiser.gif); background-repeat:no-repeat; margin-left:270px; height:21px; padding-bottom:30px;} .h1_piscine {background-image:url(../img/titre/piscine.gif); background-repeat:no-repeat; margin-left:270px; height:21px; padding-bottom:30px;} .h1_sanitaire {background-image:url(../img/titre/sanitaire.gif); background-repeat:no-repeat; margin-left:270px; height:21px; padding-bottom:30px;} .h1_elektron {background-image:url(../img/titre/elektron.gif); background-repeat:no-repeat; margin-left:270px; height:21px; padding-bottom:30px;} .h1_index {background-image:url(../img/titre/accueil.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_geothermie {background-image:url(../img/titre/geothermie.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_fonctionnement {background-image:url(../img/titre/fonctionnement.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_systemes {background-image:url(../img/titre/systemes.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_saviezvous {background-image:url(../img/titre/saviezvous.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_lexique {background-image:url(../img/titre/lexique.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_economies {background-image:url(../img/titre/economies.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_credit {background-image:url(../img/titre/economies.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_consommation {background-image:url(../img/titre/economies.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_guide {background-image:url(../img/titre/guide.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_societe {background-image:url(../img/titre/societe.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_references {background-image:url(../img/titre/references.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_installateurs {background-image:url(../img/titre/installateurs.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:50px;} .h1_contact {background-image:url(../img/titre/contact.gif); background-repeat:no-repeat; margin-left:270px; height:32px; padding-bottom:20px;} /* ---------------------------------------- Menu Haut (survol) -------------------------------------------*/ .barreMenu {margin: 0;padding:0;width:750px;height:30px;position:relative;} .barreMenu a {display:block;position:absolute;height:30px;} .barreMenu li {display: inline;} .m1 a {width:98px;left:160px;background-image:url(../img/menu/m1.gif);} .m2 a {width:86px;left:258px;background-image:url(../img/menu/m2.gif);} .m3 a {width:64px;left:344px;background-image:url(../img/menu/m3.gif);} .m4 a {width:158px;left:408px;background-image:url(../img/menu/m4.gif);} .m5 a {width:184px;left:566px;background-image:url(../img/menu/m5.gif);} .m1 a:hover, .m1 strong a {background-position:0 -30px;} .m2 a:hover, .m2 strong a {background-position:0 -30px;} .m3 a:hover, .m3 strong a {background-position:0 -30px;} .m4 a:hover, .m4 strong a {background-position:0 -30px;} .m5 a:hover, .m5 strong a {background-position:0 -30px;} /* ---------------------------------------- Menu Gauche (survol) -------------------------------------------*/ .barreMenuG {list-style-type:none; margin:0; margin-left:10px;} .barreMenuG a {display:block;height:36px;} .m1G a {width:209px;background-image:url(../img/menu/m1G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m2G a {width:209px;background-image:url(../img/menu/m2G.gif); background-repeat:no-repeat; height:36px;} .m3G a {width:209px;background-image:url(../img/menu/m3G.gif); background-repeat:no-repeat; height:36px; border-top:1px dashed #CCCCCC; border-bottom:1px dashed #CCCCCC;} .m4G a {width:209px;background-image:url(../img/menu/m4G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m5G a {width:209px;background-image:url(../img/menu/m5G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m6G a {width:209px;background-image:url(../img/menu/m6G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m7G a {width:209px;background-image:url(../img/menu/m7G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m8G a {width:209px;background-image:url(../img/menu/m8G.gif); background-repeat:no-repeat; height:36px; border-bottom:1px dashed #CCCCCC;} .m1G a:hover, .m1G strong a {background-position:0 -36px;} .m2G a:hover, .m2G strong a {background-position:0 -36px;} .m3G a:hover, .m3G strong a {background-position:0 -36px;} .m4G a:hover, .m4G strong a {background-position:0 -36px;} .m5G a:hover, .m5G strong a {background-position:0 -36px;} .m6G a:hover, .m6G strong a {background-position:0 -36px;} .m7G a:hover, .m7G strong a {background-position:0 -36px;} .m8G a:hover, .m8G strong a {background-position:0 -36px;} /* Formulaire de contact (ŕ trier) ----------------------------------------------- */ form {background:#EEE; margin-left:270px; margin-right:20px; padding:10px; margin-top:20px;} form th {text-transform:lowercase;white-space:nowrap;} form .group {margin:0 0 .75em;} form.filter {margin-bottom:1.5em;} input, textarea, select {margin:1px 0;font:100%/1.2em Verdana,Arial; width:330px} td input, td textarea, td select, #searchform input, #advsearch input {font-size:110%;} input.text {background:#fff;border:1px solid #ccc;border-color:#aaa #eee #eee #aaa;color:#333;} .imgbutton {vertical-align:middle;} .unit {white-space:nowrap;margin-right:.5em;} select {border:1px solid #ccc;} form p {font-size:85%;line-height:1.6em;} form td p {font-size:100%;} #subcol form div, #c-smx #maincol form div {margin-bottom:4px;} .search #subcol form div.group {margin-bottom:.75em;} form div div, #maincol form div div, form table {font-size:100%;padding:0;border-width:0;} form table td {width:100%;} form table td, form table th {padding:5px 10px 5px 0;border-bottom:1px dotted #ccb;g:normal;font-size:85%;} form td.buttons, form th.buttons {border-width:0;} form label {text-transform:lowercase;} form h2 label {text-transform:none;} fieldset {border:1px dotted #bba;padding:8px 10px;margin:1em 0;} fieldset legend {padding:0;margin:0;color:#844;} label em {font-style:normal;} hr{height:1px; border:0; color:white; background-color:white; margin:2px 0 15px 0; padding:0 } .stretch img{margin-bottom:3px}