/* ------------------------------------------------------------- CARLES GOT IMMOBILIER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Styles généraux Nom fichier: style.css Version: 1.0 Date: 02/02/2007 ------------------------------------------------------------- */ .cpventeblock{ float:left; position:relative; width:190px; height:150px; text-align:center; margin:auto; padding:12px;} .cplocblock{ float:left; position:relative; width:190px; height:150px; text-align:center; margin:auto; padding:12px;} /* ############# POLICES UTILES ############# */ .date{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #004FAE;} .adr{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; color: #FFD836;} A:hover.adr{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #FFD836;} /* ############# POLICES UTILES ############# */ /* ############# POLICES COULEURS ############# */ .black10v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;} .black10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;} .black11v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; color: #000;} A:hover.black11v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #000;} .black11vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;} .bleu11v{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #10137e;} .bleu11vbold{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #10137e; font-weight:bold;} .gris10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696C74; font-weight: bold;} .marine10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #10137E; font-weight: bold;} .marine10v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #10137E;} .marine11v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #10137E;} .marine12v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #10137E;} .marine12vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #10137E; font-weight: bold; } .rouge10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #C14D12; font-weight: bold;} .rouge12vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #C14D12; font-weight: bold;} .vert10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #006400; font-weight: bold;} .white10v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff;} .white10vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; font-weight: bold;} .white11v { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;} .white11vbold { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-weight: bold;} /* ############# POLICES COULEURS ############# */ /* ############# BODY ############# */ body { background: #7F8693; margin: 0; padding: 0; font: 100% verdana, helvetica, sans-serif; text-align: center;} /* ############# BODY ############# */ /* ############# CREA BLOCKS ############# */ /* ############# HAUT DE PAGE ############# */ #pagehaut1 {text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; width: 932px; height: 173px; background-color: #99CCFF; background: url(../images/fd_haut.jpg); background-repeat: no-repeat; background-position: top;} #pagehaut2 {text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; width: 932px; height: 173px; background-color: #99CCFF; background: url(../images/fd_haut2.jpg); background-repeat: no-repeat;} #tt_pagehaut1{position:absolute; top:134px; left:19px; width:200px; height:40px;} #tt_pagehaut1 h2{background: url(../images/quel_bien.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehaut1000{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehaut1000 h2{background: url(../images/tt2_1000.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehaut2000{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehaut2000 h2{background: url(../images/tt2_2000.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehaut3000{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehaut3000 h2{background: url(../images/tt2_3000.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehaut4000{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehaut4000 h2{background: url(../images/tt2_4000.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehaut100{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehaut100 h2{background: url(../images/tt2_100.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} #tt_pagehautoutils{position:absolute; top:134px; left:19px; margin:0px; padding:0px;} #tt_pagehautoutils h2{background: url(../images/tt2_outils.gif); background-repeat: no-repeat; text-indent:-9000px; width:200px; height:45px; margin:0px; padding:0px;} /* ############# HAUT DE PAGE ############# */ /* ############# CENTRE DE PAGE TYPE IC ############# */ #cont_fd {display: block; position: relative; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; width: 932px; background: url(../images/fd_pag.gif); background-repeat: repeat-y; text-align: left;} #cont_principal{ display: block; position: relative; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; width: 932px;text-align: left; background: url(../images/bs_g.jpg); background-repeat: no-repeat; background-position: bottom left; min-height:500px;} #col_g{ float:left; display: block; position: relative; margin-top: 0px; margin-right: 0px; margin-left: 0px; width: 223px;text-align: left;} #triangle{float:left; width:35px; height:555px; display:block; background: url(../images/triangle.gif); background-repeat: no-repeat;} #col_d_type1{ float:right; display: block; position: relative; margin-top: 0px; margin-right: 0px; margin-left: 0px; width: 674px;text-align: center;} /* ############# CENTRE DE PAGE TYPE IC ############# */ /* ############# INFO CONTINU ############# */ #cont_ic{ display:block; width:94%; vertical-align:top; text-align:left; margin-left:auto; margin-right:auto;} #cont_ic h3{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration:underline; margin:0px; padding:0px;} #cont_ictxt_type2{display:block; width:100%; vertical-align:top; text-align:left;} #cont_ictxt_type2 h3{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration:underline; margin:0px; padding:0px;} #cont_ictxt_type3{float:left; display:block; width:450px; vertical-align:top; text-align:left;} #cont_ictxt_type3 h3{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration:underline; margin:0px; padding:0px;} #cont_icimg_type2{display:block; width:100%; vertical-align:top; text-align: left; margin-left:auto; margin-right:auto;} #cont_icimg_type3{ float:right; display:block; width:170px; vertical-align:top; text-align:left;} #ic_type2_img1{float:left; width:30%; text-align:center;} #ic_type2_img2{float:left; width:30%; text-align:center;} #ic_type2_img3{float:left; width:30%; text-align:center;} #ic_type3_img1{float:left; width:100%; text-align:center; margin-top:25px; margin-bottom:5px;} #ic_type3_img2{float:left; width:100%; text-align:center; margin-top:5px; margin-bottom:5px;} #ic_type3_img3{float:left; width:100%; text-align:center; margin-top:5px; margin-bottom:5px;} #cont_outils{ display:block; width:97%; vertical-align:top; text-align:left; margin-left:auto; margin-right:auto;} #cont_ic outils h3{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration:underline; margin:0px; padding:0px;} #cont_icimg_type2 .contour_img{border: 3px solid White;} #cont_icimg_type3 .contour_img{border: 3px solid White;} .ic-texte { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration:none;} A:hover.ic-texte { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration:underline} /* ############# INFO CONTINU ############# */ #pagebas1 { text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; width: 932px; height: 625px; background-color: #99CCFF; background: url(../images/fd_bsacc.jpg); background-repeat: no-repeat; background-position: top;} #colacc_g { text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: absolute; top:0px; left:0px; width: 245px; height: 625px;} #colacc_d { text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: absolute; top:0px; left:265px; width: 635px; height: 625px;} #cp_coeuracc{text-align: left; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; width: 635px; height: 245px;} #contenuint {text-align: left; display: block; visibility: visible; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; width: 932px; background: url(../images/fd_pag.gif); background-repeat: repeat-y; background-position: top;} #adresse { clear: left; width: 480px; height: 68px; display: block; background-color: #000; text-align: center; padding: 5px;} #adresse .titre {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffd836;} #adresse .slogan { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #c8d2e0; } #leftint { margin-left:11px; float: left; width: 194px; } #rightint { margin-right: 12px; padding: 0px; float: right; width: 646px; } /* ------------------------------------------------------------- Visuel haut de page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header h1 { width: 212px; height: 157px; margin: 25px 0 0 3px; padding: 0px; background: url(../images/logo_GOT.gif) no-repeat bottom; text-indent: -9000px; position: absolute; left: 0px; top: 0px; } #hautvisuel { width: 491px; height: 182px; background: url(../images/visuel02.jpg) no-repeat bottom; position: absolute; left: 215px; top: 0px; } #pxblanc1{ position: absolute; left: 0px; top: -3px; width:709px; height:3px; background-color: #ffffff; } #pxblanc2{ width:709px; height:3px; margin: 0px; background-color: #ffffff; clear: left; } /* ------------------------------------------------------------- Navigation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #navigation { width: 507px; height: 41px; margin: 0; padding: 0; list-style: none; position: absolute; left: 230px; top: 114px; } #navigation li { height: 41px; margin: 0; padding: 0; float: left; text-indent: -9000px; } #navigation a { display: block; height: 100%; } #navigation li a:link, #navigation li a:visited { color: #FFF; text-decoration: none; font-variant: small-caps; font-weight: bold; } #nav0-off { width: 78px; background: url(../images/mn0-off.gif) no-repeat; background-position:bottom; } #nav1-off { width: 153px; background: url(../images/mn1-off.gif) no-repeat; background-position:bottom; } #nav2-off { width: 73px; background: url(../images/mn2-off.gif) no-repeat; background-position:bottom; } #nav3-off { width: 60px; background: url(../images/mn3-off.gif) no-repeat; background-position:bottom; } #nav4-off { width: 64px; background: url(../images/mn4-off.gif) no-repeat; background-position:bottom; } #nav5-off { width: 79px; background: url(../images/mn5-off.gif) no-repeat; background-position:bottom; } #nav6-off { width: 106px; background: url(../images/ami.gif) no-repeat; position: absolute; top: -131px; left: 344px; } #nav7-off { width: 114px; background: url(../images/fav.gif) no-repeat; position: absolute; top: -131px; left: 468px; } #nav8-off { width: 93px; background: url(../images/info.gif) no-repeat; position: absolute; top: -131px; left: 605px; } #nav0-on { width: 78px; background: url(../images/mn0-on.gif) no-repeat; background-position:bottom; } #nav1-on { width: 153px; background: url(../images/mn1-on.gif) no-repeat; background-position:bottom; } #nav2-on { width: 73px; background: url(../images/mn2-on.gif) no-repeat; background-position:bottom; } #nav3-on { width: 60px; background: url(../images/mn3-on.gif) no-repeat; background-position:bottom; } #nav4-on { width: 64px; background: url(../images/mn4-on.gif) no-repeat; background-position:bottom; } #nav5-on { width: 79px; background: url(../images/mn5-on.gif) no-repeat; background-position:bottom; } .page_on {color: #10137E; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-decoration : underline;} A.page_off, .page_off {color: #10137E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold;} A:hover.page_off {color: #10137E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;} A.cadreblanc3, .cadreblanc3 {border: 3 solid White;} A:hover.cadreblanc3 {border: 3 solid White;} /* ------------------------------------------------------------- Moteur Web2.0 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .input-immo {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica;} .immonoir {background: url(images/noir.gif); background-position: center; background-repeat: repeat-y;} .immoborder2 {border: solid; border-color: White; border-width: 2px} .immoborder1 {border: solid; border-color: White; border-width: 1px} .immocoeur {color: #FE9E07; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .immopar {color: #FE9E07; font-size: 10px; font-family: Verdana, Arial, Helvetica;} A.immomaj, .immomaj {color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none;} A:hover.immomaj {color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline;} .artistegond {color: #FFB400; font-size: 10px; font-family: Verdana, Arial, Helvetica;} .immo-type {color: #A22F03; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-transform: uppercase;} A.immo-titre, .immo-titre {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : none;} A:hover.immo-titre {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : underline;} .immo-ville {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica;} .immo-prix {color: #A22F03; font-size: 15px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .immo-prixsom {color: #ffde00; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .immo-abo {color: #654616; font-size: 11px; font-family: Verdana, Arial, Helvetica;} .immo-resulttitre {color: #A22F03; font-size: 15px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .resultat {border: 4px solid #C8D2E0; background: #BADEFF;} .resultatover { border: 4px solid #FFD836; background: #BADEFF;} .immo-reel {color: #004FAE; font-size: 21px; font-family: Arial, Helvetica; font-weight: bold;} .searchtexte {color: #000000; font-size: 10px; font-family: Arial, Helvetica;} td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; } /* ------------------------------------------------------------- Formulaires - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .formtxt {color: #10137E; font-size: 11px; font-family: Verdana, Arial, Helvetica;} .formgras {color: #10137E; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold;} .formval {color: #FE4116; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .formabo {color: #7173B2; font-size: 10px; font-family: Verdana, Arial, Helvetica;}