/**** FEUILLE DE STYLE ABITRA ************************************************************************************/ /*****************************************************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family:Arial, Helvetica, sans-serif; } body { margin:0; padding:0; font-size:12px; color:#554242; text-align:center; background:#fff url(../images/abitra/cadre/bg.gif) repeat-x 0 0; } td { font-size:12px; color:#554242; } input[type=text],input[type=password],select,textarea { font-size:12px; color:#444; vertical-align:middle; border:1px solid #928686; } input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus { background-color:#FFF; color:#f00; border:1px solid #f00; } h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } img { border:0; } p { margin:10px 0; text-align:justify; color:#554242; } form { margin:0; padding:0; } /* couleurs */ .rouge { color: #f00; } .blanc { color: #FFF; } .jaune { color: #faa000; } .turqupoise { color: #f00; } .vert { color: #554242; } .vertFonce { color: #f00; } .marron { color: #554242; } .marronFonce { color: #554242; } /* liens */ a { color:#f00; text-decoration:none; } a:hover { color:#554242; text-decoration:underline; } /* Alignements */ .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .clear { clear:both; height:1px; font-size:1px; } /* Retour haut page */ .toppage { text-align:right; margin:10px 0 0 0; } .toppage a { font-size:10px; background-color:#fff; color:#fff; padding:1px 10px; text-decoration:none; } .toppage a:hover { font-size:10px; background-color:#554242; color:#fff; padding:1px 10px; } /* indicateur ajax */ #indicator { text-align:center; padding:5px; } /* Séparateurs */ hr { display:none; } .barh { border-bottom:1px dotted #777; margin:5px 0 10px 0; } /* Listes */ ul, ul li { margin:0; padding:0; } ul li { list-style-type:none; list-style-image:url(../images/abitra/puces/li.gif); margin:0 0 0 20px; padding:0; text-align:left; } /**** STRUCTURE ************************************************************************************/ #all { position:relative; margin:auto; width:980px; text-align:left; } #content { padding:0 20px 5px 20px; position:relative; height:auto !important; height:450px; min-height:450px; } .contenu { float:left; padding-bottom:10px; } .sidebar { float:right; width:220px; } #footer { background-color:#554242; margin:0; padding:10px 0 40px 0; color:#777; clear:both; } #footer .incfooter { margin:0 auto; width:940px; } #footer ul { margin:0; } #footer ul,#footer ul li { margin:0; padding:0; list-style-type:none; text-align:left; } #footer ul li { display:inline; } #footer ul li a { margin:0; padding:0; font-size:10px; color:#fff; } #footer ul li a:hover { color:#f00; } #links_social { text-align:right; margin-left:15px; } #links_social ul li a { float:right; height:16px; margin-left:5px; background-image:url(../images/resoimmo/submit/reseaux-sociaux.png); background-repeat:no-repeat; } #links_social ul li.youtube a { width:42px; background-position:0 -16px; } #links_social ul li.facebook a { width:60px; background-position:-45px -16px; } #links_social ul li.twitter a { width:70px; background-position:-108px -16px; } #links_social ul li.google a { width:16px; background-position:-182px -16px; } #links_social ul li.youtube a:hover { background-position:0 0; } #links_social ul li.facebook a:hover { background-position:-45px 0; } #links_social ul li.twitter a:hover { background-position:-108px 0; } #links_social ul li.google a:hover { background-position:-182px 0; } #refdynamic_footer { margin:10px 0; font-size:10px; text-align:left; margin:20px auto 0 auto; width:940px; } #refdynamic_footer h3 { font-weight:normal; font-size:12px; color:#928686; display:inline; } #refdynamic_footer ul, #refdynamic_footer ul li { margin:0; padding:0; } #refdynamic_footer ul li { display:inline; list-style:none; } #refdynamic_footer ul li a { color:#fff; padding:0 5px 0 0; } #refdynamic_footer ul li a:hover { color:#00baff; } /**** HEADER ************************************************************************************/ #header { position:relative; height:225px; background:url(../images/abitra/cadre/bg_header.gif) no-repeat 0 100%; } #visuel { position:absolute; top:66px; right:0; } .logo { position:absolute; top:20px; left:0; } /* Titles */ #header .titles { position:absolute; top:13px; right:0; width:900px; padding:0; z-index:100; text-align:right; } #header .titles .niveauUn h1, #header .titles .niveauUn h2 { float:right; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#231f20; text-transform:uppercase; } #header .titles .niveauDe h2, #header .titles .niveauDe h3 { float:right; margin-right:10px; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding:0; background-image:none; } #header .niveauTr { position:absolute; bottom:46px; right:10px; color:#fff; } #header .niveauTr strong { color:#fff; } /* Langue */ .langue { position:absolute; top:5px; right:5px; } .langue img { margin:0 0 0 2px; } /* Navigation Top */ .menutop { position:absolute; top:40px; right:0; padding:0; } .menutop ul,.menutop ul li { margin:0; padding:0; list-style-type:none; display:inline; } .menutop ul li { position:relative; margin:0 3px 0 0; } .menutop ul li a { padding:0 4px; color:#fff; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; } .menutop ul li.actif a, .menutop ul li a:hover { color:#f00; text-decoration:none; } .menutop ul li.actif a { font-weight:bold; } /**** RECHERCHE ************************************************************************************/ .search { padding:67px 10px 10px 10px; margin-bottom:10px; background:#554242 url(../images/abitra/cadre/bg_search.gif) no-repeat 0 0; color:#554242; font-size:11px; } .search form { width:180px; padding:10px; background:#fff; } .search div { padding:2px 0 5px 0; } .search label { display:block; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#554242; padding:0; } .search select { width:180px; } .search input[type=checkbox] { vertical-align:middle; } .search .budget { width:50px; } .search a { text-align:left; } .search .btn { text-align:center; } /* Recherche par références */ #searchRef { background:#554242; padding:5px 0; margin:0; clear:both; } #searchRef label { font-weight:bold; color:#fff; margin:0 10px; } #searchRef form { margin:3px 5px 0 10px } #searchRef input[type=submit] { border:none; font-size:11px; color:#413732; background-color:#fff; vertical-align:bottom; margin:0 0 1px 2px; } /**** AGENCES HOMEPAGE ************************************************************************************/ #agences { padding:0 0 10px 0; position:relative; height: 335px; overflow:hidden; } #agences strong { color:#f00; font:normal 18px Arial, Helvetica, sans-serif; display:block; } #agences p { text-align:center; color:#554242; margin:0; } #agences .photo_agence { text-align:center; margin:10px auto 0 auto; } #agences .photo_agence img { width:170px; border:1px solid #fff; } #agences .appel { padding:0; margin:0; text-align:center; } #agences .appel a { font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#554242; text-decoration:none; } #agences .appel a:hover { color:#f00; } #agences .planacces { text-align:center; } #agences .planacces a { text-decoration:underline; } #agences #socialtools { text-align:center; margin:0 auto; } /* onglets Multiagences */ div #menu_agences { position:absolute; bottom:0; right:0; padding:0; text-align:right; } #ul_menu_agences { margin:0; padding:0; } #ul_menu_agences li { margin:0 0 0 -2px; padding:0; list-style:none; list-style-image:none; display:inline; } #ul_menu_agences li a { font:normal 10px Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; padding:1px 3px 0 3px; margin:0; background-color:#b7acac; } #ul_menu_agences li a:hover, #ul_menu_agences li a.actif { text-decoration:none; color:#fff; background-color:#f00; } /**** BIENS HOMEPAGE ************************************************************************************/ #biens_hp { margin:0 0 5px 0; padding:0; width:485px; height:380px; border:1px solid #ddd; } #menu_annonces ul { margin:0 0 -2px 0; padding:0; } #menu_annonces ul li { display:inline; margin:0 -4px 0 0; padding:0; list-style-type:none; } #menu_annonces ul li a { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; height:20px; background:url(../images/abitra/cadre/onglet.gif) no-repeat 0 0; color:#fff; text-transform:uppercase; padding:1px 15px 0 15px; margin:0; } #menu_annonces ul li a:hover { color:#fff; background-position:0 -48px; text-decoration:none; } #menu_annonces ul li a.actif { color:#f00; background-position:0 -24px; text-decoration:none; } #ccoeur, #lastbiens, #exclusivites { background-color:#FFF; margin:0; padding-bottom:15px; /*height:440px;*/ } .annonce { text-align:center; float:left; margin:8px 0 0 0; width:33%; } .annonce .photoHome { width:112px; height:82px; position:relative; margin:0 auto; border:1px solid #554242; } .annonce .photoHome:hover { border:1px solid #f00; } .annonce .photoHome img { width:112px; height:82px; } .annonce .photoHome div { font-size:11px; color:#FFF; width:112px; font-weight:bold; text-align:center; background-image:url(../images/abitra/cadre/black-70.png); position:absolute; bottom:0; right:0; } .annonce .details { font-size:11px; padding:2px 0 0 0; } .annonce .details a { color:#f00; text-decoration:none; text-transform:uppercase; } .annonce .details strong { display:block; font-weight:normal; color:#231f20; } /**** ALERTE EMAIL HOMEPAGE ************************************************************************************/ #alerteHome { width:483px; height:100px; background:url(../images/abitra/cadre/bg_alertemail.gif) no-repeat 0 0; padding:0; position:relative; } #alerteHome p { position:absolute; top:20px; left:10px; width:200px; color:#fff;} #alerteHome a.bt { position:absolute; top:70px; left:10px; text-transform:uppercase; color:#fff; padding:2px 10px; font-weight:bold; background-color:#c10000; } #alerteHome a.bt:hover { background-color:#333; text-decoration:none; } /**** OUTILS HOMEPAGE ************************************************************************************/ #outilsHome { border-left:10px solid #f00; padding:5px 0 5px 10px; margin:10px 0; } #outilsHome ul, #outilsHome ul li { margin:0; padding:0; list-style-image:none; } #outilsHome ul li { background:url(../images/abitra/puces/separate.gif) repeat-x 0 100%; margin-bottom:5px; } #outilsHome ul li a { font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#554242; text-transform:uppercase; } #outilsHome ul li a:hover { color:#f00; text-decoration:none; } /**** CADRES HOMEPAGE ************************************************************************************/ .colGauche { float:left; width:195px; } .colDroite { float:left; margin-left:20px; } #souhaits ul li a { color:#504646; } /**** CADRE ************************************************************************************/ .content { background-color:#FFF; padding:0 0 15px 0; width:695px; } .inc { padding:10px; height:auto !important; /*height:450px; min-height:450px;*/ } .cadreVert { background-color:#fff; margin-bottom:10px; border:1px solid #ddd; } .cadreVert .title { font-size:18px; color:#fff; background:#ef0000 url(../images/abitra/cadre/bg_title.png) repeat-x 0 0; padding:2px 5px; margin:0; text-align:center; } .cadreVert .incCadreVert { padding:10px 5px; } .btVert { background:url(../images/abitra/cadre/bg_bouton.jpg) no-repeat 0 0; padding:8px 0; margin:10px 10px -5px 10px; } .btVert a { margin-left:40px; color:#fff; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; } .btVert a:hover, .btVert a:hover strong { color:#f00; text-decoration:none; } .btVert a strong { color:#fff; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; } /* top cadre */ h1.h1_titre { position:absolute; top:215px; left:20px; margin:0; z-index:100; color:#554242; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; } #ref_bien { text-align:right; color:#554242; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } #ref_bien strong { display:inline; color:#f00; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } #ref_bien span { display:inline; color:#f00; font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } /**** CONTRAT PERFORMANCE ************************************************************************************/ .ico_privilege { z-index:100; position:absolute; top:0; right:0; filter:alpha(opacity=80); -moz-opacity:0.80; } /* privilège Homepage */ .annonce .visu .photoHome .ico_privilege, .bloc_bien .visu .photoList .ico_privilege { height:83px; width:22px; border:none; } /* privilège Détail d'un bien */ #details_bien .photo_bien .view img.ico_privilege { width:42px; height:161px; border:none; } /**** AFFICHAGE LISTE RESULTATS ************************************************************************************/ /* outils */ .outils_filtre { position:relative; height:14px; padding:8px 0; margin:0; background:#ff7d00 url(../images/abitra/cadre/bg_title.png) repeat-x 0 0; text-align:center; } .outils_filtre div { /*float:right;*/ margin:0 10px 0 0; } .outils_filtre form { float:left; } .outils_filtre label { font-weight:normal; color:#fff; font-size:12px; margin:0 2px 0 20px; } .outils_filtre div select { width:130px; font-size:12px; } /* liste des biens */ #liste_biens { margin:0 10px 0 0; } #liste_biens fieldset { padding:3px; background-color:#ebecec; border:1px solid #ccc; } .bloc_bien { position:relative; display:inline; margin:0 30px 5px 10px; width:280px; } .bloc_bien input { position:absolute; top:1px; right:1px; } .bloc_bien .photoList:hover { border:1px solid #554242; } .bloc_bien .photoList { float:left; width:102px; height:83px; position:relative; margin:0 auto; border:1px solid #554242; } .bloc_bien .visu img { width:102px; height:83px; margin:0; } .bloc_bien .desc { font-size:11px; text-align:left; padding:0 0 0 10px; height:auto !important; height:70px; min-height:70px; overflow:hidden; } .bloc_bien .desc a { display:block; } .bloc_bien .desc a:hover { text-decoration:none; color:#f00; } .bloc_bien .desc a strong { font-weight:normal; font-size:12px; color:#554242; } .bloc_bien .desc span a { display:block; color:#554242; } .bloc_bien .desc strong { display:block; color:#f00; font-size:14px; font-weight:bold; } .bloc_bien .desc i { display:block; color:#928686; font-size:10px; font-style:normal; } .bloc_bien .links a { position:absolute; bottom:0; left:115px; padding:1px 20px; margin:0; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:left; background:#554242 url(../images/abitra/puces/puce_list.gif) no-repeat 5px 50%; } .bloc_bien .links a:hover { text-decoration:none; color:#fff; background-color:#333; } .bloc_bien .link_valid { position:absolute; top:69px; width:135px; left:167px; padding:1px 7px 1px 7px; margin:0; background-color:#f00; text-align:center; font-size:11px; color:#FFF; font-weight:bold; } .multipage ul,.multipage ul li { margin:0; padding:0; list-style-type:none; } .multipage ul { text-align:center; margin:10px 0 0 0 ; } .multipage ul li { display:inline; padding:0 0 0 5px; } .multipage ul li a { color:#554242; font-weight:bold; } .multipage ul li.actif a,.multipage ul li.actif a { color:#f00; font-weight:bold; text-decoration:none; } /* a.ico_save { padding:1px 0 2px 25px; background:url(../images/abitra/puces/save.gif) no-repeat 0 0; } a.ico_alerte { padding:1px 0 2px 25px; background:url(../images/abitra/puces/alerte.gif) no-repeat 0 0; } .outils_filtre div a.ico_alerte { font-size:14px; } a.ico_connect { padding:1px 0 2px 20px; background:url(../images/abitra/puces/connect.gif) no-repeat 0 0; } a.ico_search { padding:1px 0 2px 25px; background:url(../images/abitra/puces/search.gif) no-repeat 0 0; } #save_recherche { float:right; margin:0 15px; width:315px; text-align:left; color:#8C32A0; } #save_recherche input[type=text] { background:none; border:1px solid #8C32A0; color:#8C32A0; font-weight:bold; padding:3px; } #save_recherche input[type=text]:focus { background-color:#ECE0EF; border:1px solid #8C32A0; } #save_recherche input[type=button] { background:none; border:2px solid #8C32A0; color:#8C32A0; font-weight:bold; vertical-align:bottom; } */ /**** POPUP ************************************************************************************/ .popup { z-index:1000; position:absolute; width:225px; text-align:center; background-color:#FFF; border:1px solid #554242; } .popup .photos_popup { margin:10px 10px 0 10px; } .popup .photos_popup a img { border:none; width:200px; display:block; /*height:150px;*/ } .popup .thumbs_popup { margin-top:2px; } .popup .thumbs_popup img { float:left; margin:0 1px 0 0; width:50px; height:38px; } .popup .details_popup { margin:10px 10px 30px 10px; } .popup .details_popup p { font-size:12px; padding:0; text-align:center; } .popup .details_popup a { display:block; } .popup .details_popup a:hover { text-decoration:none; color:#f00; } .popup .details_popup a strong { color:#554242; font-weight:normal; } .popup .details_popup span a { display:block; color:#554242; } .popup .details_popup strong { display:block; font-size:14px; color:#f00; font-weight:bold; } .popup .details_popup i { display:block; color:#928686; font-size:10px; font-style:normal; } .popup .details_popup em { display:block; font-style:normal; } .popup .details_popup .drapeau { float:right; } .popup ul { margin:0; padding:0; position:absolute; bottom:0; right:0; background-color:#f00; width:100%; } .popup li { list-style-type:none; list-style-image:none; text-align:center; margin:0; padding:1px 10px; } .popup ul li a { color:#FFF; font-weight:bold; } .popup ul li a:hover { color:#fff; text-decoration:none; } .popup ul li.viewDetail a { padding:0 0 0 15px; background:url(../images/abitra/puces/puce_rouge.gif) no-repeat left; } /**** DEATILS BIEN ************************************************************************************/ .outils_filtre ul,.outils_filtre ul li { margin:0; padding:0; list-style-type:none; display:inline; } .outils_filtre ul li { padding:0 0 0 10px; } .outils_filtre ul li a { padding:0 0 0 18px; color:#fff; font-size:12px; } .outils_filtre ul li a:hover { color:#000; } .outils_filtre ul li.print a { background:url(../images/abitra/puces/ico_print.gif) no-repeat left; } .outils_filtre ul li.map a { display:none; background:url(../images/abitra/puces/ico_localisation.gif) no-repeat left; } .outils_filtre ul li.alerte a { background:url(../images/abitra/puces/ico_alerte.gif) no-repeat left; } .outils_filtre ul li.mail a { background:url(../images/abitra/puces/ico_courrier.gif) no-repeat left; } .outils_filtre ul li.divers a { background:url(../images/abitra/puces/ico_infos.gif) no-repeat 3px; } /* boutons */ .bt_jaune { margin:5px 0; } .bt_jaune a, .bt_jaune a:hover { background:url(../images/abitra/submit/bt_gris.gif) no-repeat 0 0; padding:4px 10px; font:normal 18px "Trebuchet MS", Arial, Helvetica; color:#fff; text-decoration: none; } .bt_jaune a:hover { color:#f00; } /* photo */ .photo_bien { /*float:left; margin:0 0 10px 0;*/ } .photo_bien .view { position:relative; width:444px; height:334px; overflow:hidden; display:block; text-align:center; } .photo_bien .view img { /*width:440px;*/ height:330px; border:2px solid #554242; } .photo_bien .thumbs { text-align:right; margin-top:2px; } .photo_bien .thumbs img { width:40px; height:30px; border:1px solid #554242; } /**** VISITE VIRTUELLE ************************************************************************************/ /*.visiteVirtuelle a { position:absolute; top:10px; left:10px; width:100px; height:101px; background:url(../images/abitra/puces/visite-virtuelle.png) no-repeat 0 0 !important; background:url(../images/abitra/puces/visite-virtuelle.gif) no-repeat 0 0; }*/ .visitevirtuelle { z-index:200; position:absolute; } /* visitevirtuelle Homepage */ .annonce .photoHome .visitevirtuelle, .annonceR .visuR .visitevirtuelle, .annonce .photoHome .visitevirtuelle img { height:33px; width:44px; border:none; bottom:-5px; right:-18px; background:none; } /* visitevirtuelle Homepage colonne droite */ .annonceR .visuR .visitevirtuelle { right:-5px; } .annonceR .visuR .visitevirtuelle img { height:18px; width:25px; right:0; border:none; } /* visitevirtuelle Liste de bien acheter louer */ .bloc_bien .visitevirtuelle, .bloc_bien .visitevirtuelle img { height:33px; width:44px; top:-9px; right:-6px; } /* visitevirtuelle Détail d'un bien */ #details_bien .photo_bien .visitevirtuelle, #details_bien .photo_bien .visitevirtuelle img { height:33px; width:44px; border:none; top:-8px; left:-9px; } /* Partage bien */ .share { float:left; margin-top:5px; } .share ul,.share ul li { margin:0; padding:0; list-style-type:none; display:inline; } .share ul li a { float:left; padding:0 0 0 18px; color:#000; font-size:12px; } .share ul li.facebook a, .share ul li.twitter a, .share ul li.google a { width:21px; height:21px; padding:0; text-indent:-5000px; overflow:hidden; margin:0 2px 0 0; } .share ul li.facebook a { background:url(../images/resoimmo/submit/facebook.png) no-repeat 0 0; } .share ul li.twitter a { background:url(../images/resoimmo/submit/twitter.png) no-repeat 0 0; } .share ul li.google a { background:url(../images/resoimmo/submit/google+.png) no-repeat 0 0; } /* Col gauche */ #details_bien .colgauche { float:left; width:445px; } .detail_offre { padding:0; } .detail_offre strong { color:#554242; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } .detail_offre span { color:#554242; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; } .detail_offre i { color:#928686; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } .detail_offre em { color:#f00; font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } #details_bien .legend p { font-size:10px; color:#999; margin:0; } .legend .legend_conso .a { color:#050; } .legend .legend_conso .b { color:#080; } .legend .legend_conso .c { color:#7b0; } .legend .legend_conso .d { color:#fa0; } .legend .legend_conso .e { color:#f70; } .legend .legend_conso .f { color:#f50; } .legend .legend_conso .g { color:#d00; } .legend .legend_ges .a { color:#333; } .legend .legend_ges .b { color:#daf; } .legend .legend_ges .c { color:#c9f; } .legend .legend_ges .d { color:#b7e; } .legend .legend_ges .e { color:#a4e; } .legend .legend_ges .f { color:#81d; } .legend .legend_ges .g { color:#60a; } /* Contact agence */ #details_bien .coldroite { margin-left:455px; /*float: right; width: 200px;*/ } #contact_bien { margin:10px 0; color:#554242; } #contact_bien a { text-decoration:underline; color:#f00; } #contact_bien .title { color:#928686; margin:0; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } #contact_bien p { color:#554242; margin:0 0 5px 0; } #contact_bien p i { color:#928686; font-style:normal; } #contact_bien .appel { margin:0; color:#f00; } #contact_bien .appel a { font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f00; text-transform:uppercase; text-decoration:none; } #contact_bien .appel a:hover { color:#554242; } #contact_bien #socialtools { margin:10px auto; } /* Description Bien */ .desc_bien { margin:10px 0; } .desc_bien strong { color:#554242; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } .desc_bien p { color:#554242; font-size:12px; margin:0; width:430px; } .desc_bien table { width:440px; margin:10px 0 0 0; } .desc_bien table td, #details_bien .desc_bien table th { width:50%; text-align:left; font-size:11px; color:#554242; padding:2px 10px; } .desc_bien table th { font-weight:bold; } #details_bien .desc_bien table .td1 th { background-color:#928686; color:#fff; } .desc_bien table .td2 td, .desc_bien table .td2 th { background-color:#d7cecf; } /* DPE */ #details_bien #indicator_dpe p { font-weight:bold; margin:0; } #details_bien #indicator_dpe p sup { font-size:8px; font-weight:normal; } #details_bien #indicator_dpe small { display:block; /*padding-bottom:10px; border-bottom:1px dotted #555;*/ color:#999; } .dpe { position:relative; width:180px; } .dpe div { position:absolute; z-index:100; right:2px; text-align:right; font-weight:bold; color:#fff; font-size:10px; } .dpe div.dpe-a { top:21px; } .dpe div.dpe-b { top:45px; } .dpe div.dpe-c { top:69px; } .dpe div.dpe-d { top:93px; } .dpe div.dpe-e { top:117px; } .dpe div.dpe-f { top:141px; } .dpe div.dpe-g { top:165px; } /**** AUTRES BIENS COLONNE GAUCHE ************************************************************************************/ #autresbien { float:left; margin:0; color:#fff; } #autresbien fieldset { border:none; padding:0; } #autresbien p { color:#fff; } #autresbien .title { margin:5px 0 0 0; padding:0; color:#554242; } #autresbien .title span { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; } #autresbien small { color:#928686; } /*#autresbien .annonce { width:100px; }*/ #autresbien .annonce { width:50%; } #autresbien .annonce .photoHome { width:95px; height:65px; border:1px solid #fff; } #autresbien .annonce .photoHome img { width:95px; height:65px; } #autresbien .annonce .details { padding:0; } #autresbien .annonce .photoHome div { width:95px; } #autresbien .annonce .details { padding:5px 0 0 0; } /**** CONTENU PAGES DIVERSES ************************************************************************************/ .small { font-size:10px; } .mentions { font-size:10px; } h3, h4 { color:#554242; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:10px 0 0 20px; background:url(../images/abitra/puces/raquo.gif) no-repeat 0 17px; } h5 { color:#fff; background-color:#f00; padding:2px 5px; font:normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; } .title, .title strong { color:#f00; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; } .title strong { font-weight:bold; } .sidebar .title { padding-left:10px; } .subTitle { color:#554242; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:10px 0 0 20px; background:url(../images/abitra/puces/raquo.gif) no-repeat 0 17px; } /* Formulaire */ .champs_obligatoires { font-size:10px; text-align:right; margin:0; padding:10px 0 0 0; } .inc label { font-weight:bold; } .inc table td h5 { margin-top:10px; } .inc .iform { width:250px; } .inc .iform2 { width:40px; } input[type=radio] { vertical-align:bottom; } /* Mentions légales */ #mentionsLegales strong { color:#554242; } /* Contactez-nous */ .tabForm .title { color:#554242; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 0 0 20px; background:url(../images/abitra/puces/raquo.gif) no-repeat 0 21px; } .tabForm select { width:130px; } /* Page Agence */ div.coordonnees { margin:10px 0 0 0; background:#FFF url(../images/abitra/cadre/bg_liste.gif) repeat-x bottom right; } div.coordonnees p { float:left; margin:0; } div.coordonnees p strong { color:#554242; } div.coordonnees p a { text-decoration:underline; } div.horaires { float:right; width:250px; margin:0 10px 10px 0; text-align:right; padding:0; } div.horaires strong { color:#f00; } div.horaires { color:#554242; } /* Nos Services */ .services img { float:right; margin:0 0 0 10px; } .services ul { margin:0; } .services p { margin:10px 0 0 0; } .services ul li p { color:black; margin:0; } .services h3 { text-transform:uppercase; margin:15px 0 5px 0; } /* Recrutement */ .btLink { margin:15px 0 15px 0; text-align:center; } .btLink a { font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; /*text-transform:uppercase;*/ background-color:#f00; color:#fff; border:2px solid #bf0000; margin:0; padding:3px 50px; text-align:center; } .btLink a:hover { text-decoration:none; background-color:#fff; color:#f00; } /* Liens utiles */ liens_utiles .ligne1, #liens_utiles .ligne2, #liens_utiles .titleCol, #liens_utiles .rubrique { display:block; clear:left; } #liens_utiles .titleCol { background-color:#f00; padding:2px 5px; margin:10px 0 5px 0; height:20px; } #liens_utiles .titleCol div { font:normal 18px "Trebuchet MS", Arial; color:#fff; } #liens_utiles .rubrique { background-color:#554242; text-transform:uppercase; font-weight:bold; color:#fff; padding:2px 5px; } #liens_utiles .rubrique i { font-weight:normal; } #liens_utiles .col1, #liens_utiles .col2 { float:left; width:50%; } #liens_utiles div.ligne1 , #liens_utiles div.ligne2 { border-bottom:1px solid #f00; } #liens_utiles .ligne1 div, #liens_utiles .ligne2 div { padding:2px 0; } /* Outils calculette */ .tab_outils { width:90%; } .tab_outils td label { font-weight:bold; } .tab_result_outils { width:100%; } .tab_result_outils td { text-align:center; } .tab_result_outils tr.td1 td { background-color:#d7cfcf; } .tab_result_outils tr.td2 td { background-color:#FFF; } .tab_result_outils th { width:33%; text-align:center; background-color:#554242; color:#FFF; font-weight:normal; } #help_outils { position:relative; background-color:#f00; margin:10px 0 20px 0; padding:3px 50px 3px 10px; color:#FFF; text-align:center; font-size:10px; } #help_outils img { position:absolute; top:-12px; right:-5px; z-index:50; } .note { background-color:#f00; margin:0; padding:3px 10px; color:#FFF; text-align:center; font-size:10px; } .erreurs { background-color:#f00; margin:5px 0; padding:3px 10px; color:#FFF; font-size:10px; } .erreurs ul li { list-style-type:square; margin:0; padding:0; } .erreurs ul { margin:0 0 0 20px; padding:0; } /**** PAS DE RESULTATS ************************************************************************************/ /* Cadre Alerte Email */ .alerte_email { background:#FFF url(../images/abitra/cadre/bg_liste.gif) repeat-x left bottom; position:relative; width:600px; margin:10px auto; border:1px solid #f00; } .alerte_email .bg_alerte_email { margin:0; text-align:center; padding:10px 0 25px 0; } .alerte_email h3 { background-image:none; font-weight:normal; font-size:22px; color:#f00; margin:0 20px 0 0; } .alerte_email h3 strong { font-weight:bold; color:#f00; } .alerte_email p { text-align:center; color:#554242; margin:0 20px 0 0; } .alerte_email .links_alerte a { position:absolute; bottom:0; right:0; font-size:11px; color:#FFF; font-weight:bold; padding:2px 20px; margin:0; background-color:#f00; text-align:right; } .alerte_email .links_alerte a:hover { text-decoration:none; background-color:#f00; } .alerte_email .link_valid_alerte { position:absolute; top:69px; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; left:167px; padding:1px 7px 1px 7px; margin:0; background-color:#9b1e1e; text-align:right; font-size:11px; color:#FFF; font-weight:bold; } /* Cadre Résultat Recherche */ #error { text-align:center; margin:30px 10px; } #error strong { font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#f00; } #error span { font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f00; } #error p { text-align:center; color:#777; margin:0; } /**** ANNONCE BIEN CONTACT ************************************************************************************/ #bien_contact { margin:0; padding:10px 0; border-width:1px 0; border-style:dotted; border-color:#777; } #bien_contact .detail_offre, #bien_contact .desc_bien { float:left; padding:0; margin:0; width:380px; } #bien_contact .photo_bien { position:relative; float:right; margin:0 10px 0 10px !important; } #bien_contact .photo_bien .view { width:220px; height:165px; display:block; text-align:right; } #bien_contact .photo_bien .view img { width:220px; height:165px; } #bien_contact .detail_offre { clear:inherit; padding:0; margin-bottom:10px; } #bien_contact .detail_offre strong { color:#f00; display:block; } #bien_contact .detail_offre span { display:inline; } #bien_contact .detail_offre i { display:inline; } /**** TOUS LES BIENS ************************************************************************************/ #allBiens .title { color:#f00; } #allBiens .title span { font:italic 16px Arial, Helvetica, sans-serif; } /**** RECHERCHE AVANCE ************************************************************************************/ #recherche table { width:100%; } #recherche td { font-weight:normal; vertical-align:top; } #recherche .invest { padding:2px 0 2px 0; } #recherche .invest input { vertical-align:-3px; } #recherche .invest label { font-weight:bold; color:#554242; font-size:12px; margin:0 20px 0 0; } #recherche .titres th { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0 0 20px; color:#554242; text-transform:uppercase; background:url(../images/abitra/puces/raquo.gif) no-repeat 0 17px; } #recherche label { font-weight:normal; } #recherche select { width:170px; } #recherche .bg_criteres td { padding:0 0 0 10px; } #recherche #referenceSearch { padding:10px; } #recherche #deptBiens label, #recherche #villeBiens label, #recherche #villerayon label { display:block; font-weight:bold; margin-top:15px; } #recherche .budget table td { padding:2px 0 2px 5px; white-space:nowrap; vertical-align:middle; } #recherche .budget input { width:50px; } /**** ALERTE EMAIL ************************************************************************************/ #alerteMailForm .tabForm .title { color:#4B9628; } #alerteMailForm .tabForm input:focus { border:1px solid #C8C814; color:#007832; } /****MON ESPACE ************************************************************************************/ #infos_connexion { } #infos_connexion a { text-decoration:underline; } #infos_connexion p { margin:10px; } #infos_connexion ul { list-style-type:square; margin:5px 5px 0 25px; padding:0; } #infos_connexion ul li { padding:0; margin:0 0 10px 0; } #myspace .title { color:#554242; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:10px 0 0 20px; background:url(../images/abitra/puces/raquo.gif) no-repeat 0 17px; } /*#myspace h5 { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; color:#554242; }*/ #form_inscription { margin-top:20px; } #myspace fieldset { border:none; } #myspace .desc .title { background-image:none; padding:0; } #myspace .bloc_bien { margin:0 20px 10px 10px; width:280px; } .saves ul { list-style-image:url(../images/abitra/puces/raquo_jaune.gif); margin:5px 5px 0 30px; } .saves ul li { padding:0; margin:0 0 5px 0; } .saves ul li a { margin:0 20px 0 0; } .saves ul li a.lia { font-weight:bold; text-decoration:underline; } .saves ul li a.ico_modifier { padding:0 0 0 15px; background:url(../images/abitra/puces/ico_ecrire.gif) no-repeat 0 1px; } .saves ul li a.ico_supp { padding:0 0 0 10px; background:url(../images/abitra/puces/supprimer.gif) no-repeat 0 4px; } .saves ul li a.ico_modifier,.saves ul li a.ico_supp { color:#554242; font-size:10px; } .saves ul li a.ico_modifier:hover,.saves ul li a.ico_supp:hover { color:#be0000; } .bloc_bien .links2 a { position:absolute; bottom:0; right:0; padding:1px 5px 1px 20px; margin:0; font-size:11px; color:#FFF; font-weight:bold; background:#f00 url(../images/abitra/puces/supprimer.gif) no-repeat 5px 50%; text-align:right; } .bloc_bien .links2 a:hover { text-decoration:none; background-color:#f00; }