/* CSS "www.conseils-immobiliers.com" - 09/2007 - */ /* -o- "CSS conseils-immobiliers par defaut" -o- */ /* IMPORTANT */ /* Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce CSS et d'employer par ailleurs les techniques utilisées. ----- This design is not a template. You cannot reproduce it without prior agreement of the author. However, free with you studied this CSS and to in addition employ the techniques used. texte en general : #555 lien : #5F882C vert fond footer : #90BF4D texte footer : #496A1E Modeles couleurs : http://www.freecsstemplates.org/templates/previews/flavour/ == COMMUN A TOUS LES ECRANS ========================================== ====================================================================== _________ __/ General \_________________________________________________________ */ * { margin: 0; padding: 0; } html { } body { margin: 0; padding: 0; background: #FFF url() top left repeat-x; font-family: "Trebuchet MS",Tahoma,Arial,Verdana,Helvetica,sans-serif; /*font-family: Times New Roman, Times, serif; font-family: Courier New, Courier, mono; font-family: Alpha Geometrique, Critter, Cottonwood, fantasy; font-family: Courier, MS Courier New, Prestige, monospace;*/ font-style: normal; /*small*/ font-weight: normal; color: #444; text-align: left; } h1, h2, h3 { margin: 0; letter-spacing: 0.1em; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1em; } /* _________________________________________________ __/ Liens (a:link - a:visited - a:hover - a:active) \_________________ */ a { color: #5F882C; text-decoration: none; } a:hover { text-decoration: underline; } /* __________________________________ __/ Contenant de la page (container) \________________________________ */ #container { } /* ________ __/ Entete \__________________________________________________________ */ #blockhead { background: #FFF url(img/headbkgd.jpg) top center repeat-x; text-align: center; height: 130px; margin-bottom: 3em; } /* ---------- */ #logo { width: 800px; height: 88px; text-align: center; margin: 0 auto; /*padding-top: 10px;*/ } #logo h1 { font-size: 3em; letter-spacing: 0; margin: 0; padding: 0; } #logo h1 a:hover { text-decoration: none; } #logo h2 { font-size: 1em; margin: 0; margin-top: -0.3em; padding: 0; } #logo h6 { float: right; margin: 0; margin-top: -1.5em; padding: 0; } /*#logo { width: 100%; text-align: right; height: 220px; background: #000 url(img/headbkgd2.gif) top center no-repeat; } #logo h1 a { display: block; height: 62px; margin-left: 355px; } #logo h1 a:hover { background: none; } #logo h1 a span { display: none; } #logo h2 { display: none; }*/ /* ________________ __/ Menu principal \__________________________________________________ */ #sitenav { width: 800px; height: 20px; margin: 8px auto 0 auto; } #sitenav ul { margin: 0; margin-right: 30px; padding: 0; list-style: none; line-height: normal; } #sitenav li { float: left; } #sitenav a { margin-right: 3px; padding: 5px 20px; text-transform: uppercase; text-decoration: none; font-size: 0.8em; font-weight: bold; color: #FFF; } #sitenav a:hover, #sitenav .current a { background-color: #566316; color: #FFF; } #sitenav a:hover { text-decoration: underline; } /* ________________ __/ Corps du corps \__________________________________________________ */ #blockbody { width: 800px; margin: 0 auto; margin-top: 20px; } /* ______________ __/ Pied de page \____________________________________________________ */ #blockfoot { background: #90BF4D url(img/footbkgd.jpg) top center repeat-x; color: #496A1E; height: 170px; padding-top: 2em; text-align: center; font-size: 70%; margin-top: 3em; } #blockfoot a { text-decoration: none; color: #FFF; font-weight: bold; } #blockfoot a:hover { text-decoration: underline overline; background: none; } #blockfootcontent { list-style: none; } #blockfootcontent li { display: inline; margin: 0 0.5em; } /* _____________ __/ Formulaires \_____________________________________________________ */ textarea.champ, input.champ { border: 1px solid #AAA; } textarea.champ:hover, input.champ:hover { border: 1px solid #006FA4; } textarea.champ:focus, input.champ:focus { border: 1px solid #006FA4; background-color: #E6F1FB; } /* ________ __/ Extras \__________________________________________________________ */ #extraDiv1, #extraDiv2, #extraDiv3 { display: none; } /* ________ __/ Divers \__________________________________________________________ */ .clear, .spacer { clear: both; } .text_center { text-align: center; } .text_right { text-align: right; } hr { height: 1px; color: #000; background-color: #000; border: 0; } /* __________________________________________ __/ Messages d'informations | Erreurs | etc. \________________________ */ p.message { background: #EAEBF7 url(img/icon_information.png) center no-repeat; color: #666699; border-top: 2px solid #9999FF; border-bottom: 2px solid #9999FF; background-position: 15px 50%; /* x-pos y-pos */ padding: 5px 20px 5px 45px; } p.message { color: #666699; border-color: #9999FF; background-color: #EAEBF7; background-image: url(img/icon_information.png); } p.alert { color: #CC3333; border-color: #CC3333; background-color: #FFF6BF; background-image: url(img/icon_exclamation.png); } p.ok { color: #669933; border-color: #669933; background-color: #669933; background-image: url(img/icon_accept.png); } p.warning { color: #FF9900; border-color: #FF9900; background-color: #FFFFCC; background-image: url(img/icon_error.png); } /* == ECRAN "ACCUEIL" =================================================== ====================================================================== */ #index #blockbody p { clear: left; margin-bottom: 0.8em; text-align: center; } #index #blockbody p a.lnk { color: #FFF; font-weight: bold; padding: 0; background-color: #90BF4D; padding: 3px 10px; } #index #blockbody p a.lnk:hover { background-color: #566316; } #index #blockbody .blockagence { float: left; width: 300px; margin: 0 30px 4em 30px; background-color: #90BF4D; text-align: center; padding: 20px; } #index #blockbody .blockagence h3 { margin-bottom: 2em; font-size: 1.4em; } #index #blockbody .blockagence h3 a { color: #444; } #index #blockbody .blockagence img { border: 3px solid #5F882C; } #index #blockbody .blockagence img:hover { border: 3px solid #444; } #index #blockbody .blockagence p { clear: none; margin: 0; } #index #blockbody p.note { color: #888; font-size: 0.8em; } /* == ECRAN "HISTORIQUE" ================================================ ====================================================================== */ #historique #agence { float: left; width: 340px; } #historique #agence h3 { margin-bottom: 2em; } #historique #histo { margin-left: 340px; } #historique #histo p { margin-bottom: 0.6em; } #historique #histo a { font-weight: bold; } #historique #retour { clear: left; text-align: center; margin-top: 2em; } #historique #zoom { text-align: center; } #historique #zimg { width: 800px; overflow: auto; } /* == ECRAN "CONTACT" =================================================== ====================================================================== */ #contact #infos { float: left; width: 340px; border-right: 1px solid #444; } #contact #infos p { margin-bottom: 1em; text-align: center; } #contact #infos p em { text-decoration: underline; } #contact #formcontact { position: relative; margin-left: 360px; height: 23em; } #contact #formcontact p { margin-bottom: 1em; } #contact #formcontact label { /*float: left;*/ position: absolute; width: 130px; } #contact #formcontact textarea { height: 16em; } #contact #formcontact input, #contact #formcontact textarea { margin-left: 160px; width: 260px; } #contact #formcontact #dest input { width: auto; } /* == ECRAN "PLAN" ====================================================== ====================================================================== */ #plan #blockbody p { text-align: center; } #plan #blockbody div { width: 380px; margin: 1em auto; } #plan #blockbody div p { text-align: right; } #plan #blockbody div p.note { font-size: 60%; color: #888; } #plan #blockbody .label { float: left; font-size: 120%; } #plan #blockbody div#zoom { width: 800px; } #plan #blockbody div#zoom p { text-align: center; } /* == ECRAN "OFFRES" ==================================================== ====================================================================== */ #offres #blockbody p { } #offres #miseenpage { border-collapse: collapse; width: 100%; } /* ----- */ #offres #colres { vertical-align: top; padding-right: 10px; } #offres #listebien { border-collapse: collapse; width: 100%; font-size: 90%; } #offres p.infores { background-color: #669; color: #FFF; font-weight: bold; margin-bottom: 2em; text-indent: 1em; } #offres p.numpage { text-align: center; margin-top: 2em; /*background-color: #D0D0DF;*/ padding-top: 5px; border-top: 1px dotted #669; } #offres p.numpage a { color: #669; border: 1px solid #669; text-decoration: none; margin: 0 5px; padding: 0 3px; } #offres p.numpage a:hover { color: #FFF; background-color: #669; } #offres p.numpage strong a { color: #FFF; background-color: #669; } #offres p.numpage strong a:hover { background-color: #90BF4D; border: 1px solid #90BF4D; } #offres #listebien .sep { height: 1em; } #offres #listebien .sep hr { display: none; } #offres #listebien .td1 { background: #FFF url('img/degrade1.jpg') top left repeat-x; } #offres #listebien .td2 { background: #FFF url('img/degrade2.jpg') top left repeat-x; }/*{ background-color: #FFF; }*/ #offres #listebien .bientitre { text-align: right; background-color: #90BF4D; background-image: none; margin-top: 2em; padding: 0 0.2em; border-bottom: 2px solid #6E8F40; } #offres #listebien .bientitre p { float: left; } #offres #listebien .bientitre .lieu, #offres #listebien .bientitre .prix { font-weight: bold; } #offres #listebien .bienimage { width: 100px; vertical-align: top; padding-top: 2px;} #offres #listebien .bienimage img { width: 90px; border: 1px solid #000; } #offres #listebien .bienplus { font-size: 80%; font-weight: bold; } #offres #listebien .bienref { text-align: right; font-size: 90%; } #offres #listebien .bieninfos { vertical-align: top; } /*#offres #listebien .bienimage, #offres #listebien .bieninfos { border-bottom: 1px dotted #6E8F40; }*/ /* ----- */ #offres #result { margin-bottom: 30px; padding: 5px; } #offres #result, #offres #result legend { border: 1px solid #669; background-color: #CCD; } /*#offres #result legend { padding: 0 2px; color: #669; margin-left: 10px; }*/ #offres #colrech { font-size: 0.8em; width: 180px; padding: 8px; background-color: #90BF4D; vertical-align: top; } #offres #colrech select { width: 180px; } #offres #colrech .colfieldset { padding: 5px; margin-bottom: 30px; } #offres #colrech .colfieldset legend { color: #FFF; } #offres #colrech .colfieldset hr { margin: 0.7em 0 0.2em 0; background-color: #EEE; color: #EEE; } #offres #colrech .colfieldset .btnsubmit { width: 100%; font-size: 0.9em; margin-top: 0.5em; } /* == ECRAN "DETAIL" ==================================================== ====================================================================== */ #detail .bienref { text-align: right; font-size: 90%; border-bottom: 1px dotted #669; margin-bottom: 1em; } #detail .bientitre { float: left; text-indent: 1em; } #detail .prix { text-align: right; background-color: #90BF4D; padding: 0 0.2em; border-bottom: 2px solid #6E8F40; font-weight: bold; } #detail .vignettes { float: left; width: 120px; text-align: left; }