/* Pagination ======================================*/ /* table.pages {margin : 6px 0 ; width : 100%} .pagination {margin : 0 ; text-align : right} .pagination a, div.pagination span {font : bold 12px Arial ; -moz-border-radius : 3px ; padding : 2px 5px ; margin : 1px} .pagination a {color : #fff ; background : #999 ; display : inline} .pagination span {color : #fff} .pagination a:hover, div.pagination a:active {color : #fff ; background : #457acc ; -moz-border-radius : 3px} .pagination span.current {background : #457acc ; color : #fff} .pagination span.disabled {display : none} .nb-annonces {display : inline ; font : bold 12px Arial ; -moz-border-radius : 3px ; padding : 2px 5px ; background : #457acc ; color : #fff} */ /* rose:D61C19 vert:5BB12D */ /* bleu:457ACC gris:999 */ .pagination {width:100%; font-weight:bold; color : #fff; margin-top:10px; font:bold 12px Arial} .pagination_nb_resultats {text-align:left; vertical-align:middle;} .pagination_nb_resultats div {background-color:#457ACC; padding : 2px 5px; display:inline} .pagination_nb_resultats div {-moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; } .pagination_pages {margin : 10px 0 10px ; text-align : right ; vertical-align:middle; clear : both} .pagination_pages a, .pagination_pages span {padding : 0.2em 0.5em ; margin-left : 0.2em} .pagination a, .pagination span {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pagination_pages a {display : inline; color : #fff ; background : #999; text-decoration: none} .pagination_pages span {color : #000 } .pagination_pages a:hover, div.pagination a:active {color : #fff ; background : #457ACC} .pagination_pages span.current {font-weight : bold ; color : #fff ; background : #457ACC} .pagination_pages span.disabled {display: none; background-color : #fff ; color : #ddd ;} /* Pagination du référencement ======================================*/ #pagination-referencement {margin : 0 ; padding : 5px 0 0} #pagination-referencement li {display : inline} p.chapo {font-style : italic ; color : #aaa ; margin-top : 8px} div.fonctionnalites-liste {float:right} div.fonctionnalites-liste img {float:left; margin-left:5px; text-align:right} table.fonctions-liste {width : 100% ; background : url(/images/bg/header-liste.gif) no-repeat ; margin-bottom : 12px} table.fonctions-liste .liste {line-height : 15px ; margin : 4px 10px} table.fonctions-liste .liste a {color : #DF0D3D ; font : bold 11px/16px Arial} //table.fonctions-liste .liste a:hover {color:#DF0D3D} table.fonctions-liste form {margin : 10px} table.fonctions-liste td {text-align:left} /* Cartouche haut ======================================*/ #tri-form .label {color:#555} #nb_resultats_par_page-form .label {color:#555} #alerte-email {background : url(/images/boutons/alerte-email.png) 0 -40px no-repeat} #alerte-email {margin : 11px; width:150px; height:40px; display: block} #alerte-email:hover {background : url(/images/boutons/alerte-email.png) 0 0 no-repeat } #alerte-email-modifier {background : url(/images/boutons/alerte-email-modifier.png) 0 -40px no-repeat} #alerte-email-modifier {margin : 11px; width:150px; height:40px; display: block} #alerte-email-modifier:hover {background : url(/images/boutons/alerte-email-modifier.png) 0 0 no-repeat } #votre-panier {background : url(/images/boutons/votre-panier.png) 0 0 no-repeat} #votre-panier {margin : 11px; width:150px; height:40px; display: block} /* h1 pour detail et liste */ h1 {color : #666 ; background : 0 ; border : 0 ; font : bold 18px Tahoma ; padding : 0} h1 {clear : left} .chaussette, .chaussette a {color : #ccc ; font-style : italic} /* Formulaire principal de recherche ==================================== */ #form_recherche_accueil .typesbien {width : 80%} #form_recherche_accueil .typesbien td {width : 33% ; line-height : 12px} #form_recherche_accueil .typesbien td input {width : 12px} #form_recherche_accueil h2 {clear : both ; margin-top : 15px} #form_recherche_accueil h2 span.condition {font-weight : normal ; font-style : italic} #form_recherche_accueil ul.tags li {width : 200px ; float : left} #form_recherche_accueil div.metro input, #form_recherche_accueil div.metro select {position : relative ; top : 1px} /* Fil d'ariane ==================================== */ .ariane {margin : 8px 0 15px} .ariane img {vertical-align: middle} .ariane img, a {display:inline} .ariane .critere{background : url('/images/puces/fleche-bleue.gif') no-repeat; background-position: 0pt 4px; padding-left:15px ; margin-left : 4px} /*Menu Panier ==================================== */ #menu-panier li {float: left ; font : bold 12px Arial;} #menu-panier li.clear { border: 0px ; padding: 0 ; width: 100% } #menu-panier li {display: block; width:109px; height:22px; margin: 2px 4px 2px 0px;} #menu-panier a, #menu-panier span { display: block; text-align: center; width:109px; line-height:22px} #menu-panier a {background : url(/images/boutons/panier-select.png) 0 0 no-repeat; color:#666} #menu-panier span { background : url(/images/boutons/panier-select.png) 0 -44px no-repeat; color:#fff } #menu-panier a:hover { display: block; background : url(/images/boutons/panier-select.png) 0 -22px no-repeat; color:#fff; text-decoration: none } #alerte-email {background : url(/images/boutons/alerte-email.png) 0 -40px no-repeat} #alerte-email {margin : 11px; width:150px; height:40px; display: block} #alerte-email:hover {background : url(/images/boutons/alerte-email.png) 0 0 no-repeat } /* Le menu de recherche ==================================== */ /** Facettes*/ #recherche-menu {width : 160px ; font-family : Arial ; border : 1px solid #ccc ; margin-right : 3px} #recherche-menu div.label {background : #eee ; padding : 2px 4px ; margin-bottom : 8px} #recherche-menu div.objets_edit{margin : 0 ; padding : 0 ; margin-bottom : 8px} #recherche-menu ul.facette {margin : 0 ; padding : 0 ; margin-bottom : 8px} #recherche-menu ul.facette li {margin : 0 ; padding : 0 4px ; text-align : left} #recherche-menu ul.facette li.lien {cursor : pointer ; color : #3B469F} #recherche-menu ul.facette li img.delete {margin-left : 4px ; position : relative ; top : -4px} #recherche-menu .sub-form {margin: 0 3px} #recherche-menu .sub-form input.input {width:52px} #recherche-menu .sub-form input.submit {border:none; margin-bottom:-4px} .articles {border : 1px dashed #aaa ; padding : 4px 8px} .articles .article img {float : right ; margin : 9px 0 8px 8px ; border : 1px solid #ccc} .articles .article {clear : both} .creer-alerte {float : right ; margin-top : 6px ; margin-right : 8px ; margin-left : 20px} h1 {clear : left} /* Le menu de suggestions ==================================== */ .recherche_footer {color : #666} .suggestionstitle {padding : 2px 10px; color:#EE7023; font: bold 16px Arial,Helvetica,Verdana,sans-serif;} .suggestions-shadow {background: #fff url(/images/bg/suggestions-ombre.gif) no-repeat 0 0; height: 13px;} #suggestions {margin-top:2px; border: 0px solid #dedede; border:1px solid #DDDDDD; padding-bottom:12px} #suggestions {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px} #suggestions .title {padding : 8px 15px; color:#477BCC; font: bold 16px/17px arial;} #suggestions .results {padding:2px 5px;} #suggestions a { padding:0px 5px} #suggestions .element {padding : 15px 15px 0px; color : #666;} #suggestions .element h2 {color : #666; border:none; margin : 0} #suggestions .element ul {margin : 0} #suggestions .element ul li {padding : 0 0 0 15px ; background : url(/images/puces/carre-vert.gif) 5px 9px no-repeat} /* Résumé d'annonce ==================================== */ .annonce-resume {font : 12px Arial} .annonce-resume .date-publication {font : italic 11px Arial ; text-align : right ; margin : 5px 0 0 ; color : #888} .annonce-resume .a_ete_contacte {font : italic 11px Arial ; text-align : right ; margin : 5px 10px 0 ; color : #888; text-align:right} .annonce-resume-photo {vertical-align : top; } .annonce-resume-photo div.conteneur {position : relative ; vertical-align : top ; margin : 6px 0 6px 5px} .annonce-resume-photo div.label {position : absolute ; padding : 2px 6px ; bottom : 1px ; left : 1px ; background : #000 ; opacity : 0.8 ; font : bold 11px Arial ; color : #fff} .annonce-resume-photo div.label {filter:Alpha(opacity=70, finishopacity=0, style=0)} /* iE */ .annonce-resume-photo img {display : inline ; border:1px solid #ccc} .annonce-resume .h2 {width : 100%} .annonce-resume h2 {font : bold 14px Arial ; padding : 8px 8px 2px ; margin : 0; border-bottom:none} .annonce-resume {border : 1px solid #ccc ; margin : 16px 0 ; padding : 0;} .annonce-resume h2 a {color : #477BCC ; text-decoration : none ; cursor : text} .annonce-resume .lien-annonce {font : bold 14px Arial ; padding : 8px 8px 2px ; margin : 0 ; color : #477BCC ; text-decoration : none ; text-align : left} .annonce-resume .lien-annonce a {color : #477BCC ; text-decoration : none ; cursor : text} .annonce-resume .panier-disable{display : none} .annonce-resume.annonce-panier .panier-enable {display : none} .annonce-resume.annonce-panier .panier-disable{display : inline} .annonce-resume .colocs {padding : 4px 8px} .annonce-resume .prix {font : bold 14px Arial ; padding : 8px 8px 2px ; margin : 0 ; color : #477BCC ; text-decoration : none ; text-align : right} .annonce-resume.annonce-panier .h2 {background : #407ECF ; color : #fff ; padding : 5px 8px 5px} .annonce-resume.annonce-panier .h2 a {color : #fff;} .annonce-resume.annonce-panier .colocs {background : #407ECF} .annonce-resume.annonce-panier .lien-annonce {color : #fff; padding : 5px;} .annonce-resume.annonce-panier .prix {color : #fff; padding : 5px 8px ;} //.annonce-panier .prix {background : #407ECF ; color : #fff ; padding : 5px 8px ; color : #fff} .annonce-resume.annonce-panier {border : 1px solid #407ECF} .annonce-resume p.metro {background : url(/images/icones/metro.gif) no-repeat ; padding : 1px 0 1px 68px ; color : #3346A1} .annonce-resume .fonctionnalites {background : #eee ; margin : 0} .annonce-resume .fonctionnalites ul {padding : 4px 10px ; margin : 0} .annonce-resume .annonce-resume-description {padding : 2px 8px} p.annonce-resume-texte {margin-top : 4px; line-height: 18px} .annonce-resume .suite {background:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#888; padding:2px 4px} .edenway .annonce-resume-photo img {margin:10px} .annonce-resume .annonce-resume-description {width:100%} .urgent {border : 1px solid #d00} .urgent .h2 {background : #d00 ; color : #fff ; padding : 5px 8px 5px} .urgent .h2 a {color : #fff;} .urgent .colocs {background : #d00} .urgent .lien-annonce {color : #fff; padding : 5px;} .urgent .prix {color : #fff; padding : 5px 8px ;} .urgent .prix {font : bold 14px Arial ; margin : 0 ;text-decoration : none ; text-align : right} .urgent td.annonce-resume-description { border: 0px ; } .urgent_tag {font : bold 12px Arial ; color : #e00} .message { padding: 0 0 0 20%; font-weight: bold ; } p.recherche-footer-h2 {clear : both ; background : #ABA29F ; text-align : right ; font : italic 11px Arial ; color : #fff ; padding : 1px 4px ; margin-top : 20px} p.recherche-footer-h2 a {color : #fff ; text-decoration : none} div.recherche-footer, div.recherche-footer td {font : 11px/18px Arial} div.recherche-footer table.immoneuf a {color : #5FAA33 ; font-weight : bold} div.recherche-footer table.immoneuf img, div.recherche-footer table.fcm img {margin-right : 12px} div.recherche-footer table.fcm table.liens-fcm a {font-weight : bold ; color : #00BEE0} div.recherche-footer table.fcm table.liens-fcm td {padding-right : 20px} table.coeur-annonce {border-collapse: collapse; margin: 0 ; padding: 0 ; border: 0px ; width: 100% ;} table.coeur-annonce td {width: 50%;} .classe_energie {float : right ; margin-top : 9px ; margin-left : 20px} table#classes-energies td {height : 55px ; vertical-align : middle} table#classes-energies td img {margin-right : 15px} /* Enquete ==================================== */ div.enquete {border : 1px solid #ccc ; padding : 1px ; margin : 10px 0} div.enquete div.titre {background : #457ACC ; color : #fff ; text-align : center ; font : bold 11px/20px Arial} div.enquete div.question {font : 12px/18px Arial ; padding : 8px} .preview-bouton {font: bold 11px Arial; margin: 0 0; padding: 1px 8px;background : #DF0D3D ; color : #fff ; -moz-border-radius : 4px; float: right} /* Détail d'annonce ==================================== */ .annonce-detail div.h2 {font : bold 12px Verdana ; background : #D1E0FA ; color : #4F4F4F ; border : 0 ; padding : 4px 8px ; margin-bottom : 8px ; margin-top : 25px} .annonce-detail div.texte {font : 12px/19px Verdana} .annonce-detail p.legend {margin : 0 0 8px ; font : italic 11px/16px Verdana ; color : #666} #annonce_detail .panier-disable {display : none} #annonce_detail.annonce-panier .panier-enable {display : none} #annonce_detail.annonce-panier .panier-disable{display : block} #fonctionnalites td a {cursor : pointer} #fonctionnalites {width : 100% ; margin-bottom : 18px} #fonctionnalites td {text-align : right ; padding : 5px 0} #fonctionnalites td.bouton {width : 100px; border:none} #articles div {clear : both} #articles img {float : left ; width : 80px ; height : 80px ; margin-right : 10px ; margin-bottom : 12px} #articles td.premier {padding-right : 15px} #articles td.premier {padding-right : 15px} .annonce-detail h1 .prix {float : right ; width : 130px ; text-align : right ; font-size : 12px} .annonce-detail h1 .surface {float : right ; width : 100px ; text-align : right ; font-size : 12px} .annonce-detail h1 .titre {display : block ; float : left} .annonce-detail p.metro {background : url(/images/icones/metro.gif) no-repeat ; padding : 1px 0 1px 68px ; color : #3346A1} .annonce-detail span.detail-liste { font-weight: bold; color : #3346A1} .bloc-notes {background-color : #fff ; border : 1px solid #ccc ; padding : 5px 8px} .bloc-notes.error {background-color : #fcc} .bloc-notes.focus {background-color : #ffc} /* Fonctionnalités ==================================== */ .fonctionnalites li {display : block ; padding : 2px 0 1px 23px} .fonctionnalites li.panier-enable-disable {background : url(/images/icones/star-grey.png) 0 2px no-repeat} .annonce-panier .fonctionnalites li.panier-enable-disable {background : url(/images/icones/star.png) 0 2px no-repeat} .vivebu .fonctionnalites li.panier-enable-disable {background : url(/images/icones/star.png) 0 2px no-repeat} .fonctionnalites li.commenter {background : url(/images/contact-commenter.png) 0 4px no-repeat} .fonctionnalites li.supprimer {background : url(/images/contact-supprimer.png) 0 4px no-repeat} .fonctionnalites li.colorer {background : url(/images/contact-colorer.png) 0 4px no-repeat} .fonctionnalites li.imprimer {background : url(/images/icones/printer-empty-grey.png) 0 3px no-repeat} .vivebu .fonctionnalites li.imprimer {background : url(/images/icones/printer-empty.png) 0 3px no-repeat} .fonctionnalites li.galerie {background : url(/images/icones/galerie.gif) 0 4px no-repeat} .fonctionnalites li.detail {background : url(/images/icones/magnifier-left-grey.png) 0 4px no-repeat} .vivebu .fonctionnalites li.detail {background : url(/images/icones/magnifier-left.png) 0 4px no-repeat} .fonctionnalites li.mensualite {background : url(/images/icones/calculator-grey.png) 0 4px no-repeat} .vivebu .fonctionnalites li.mensualite {background : url(/images/icones/calculator.png) 0 4px no-repeat} .fonctionnalites li.email {background : url(/images/icones/email.gif) 0 4px no-repeat} .fonctionnalites li.email-ami {background : url(/images/icones/mail--arrow-grey.png) 0 4px no-repeat} .vivebu .fonctionnalites li.email-ami {background : url(/images/icones/mail--arrow.png) 0 4px no-repeat} .fonctionnalites li.telephone {background : url(/images/contact-telephone.gif) 0 4px no-repeat} .fonctionnalites li.carte {background : url(/images/contact-carte.gif) 0 4px no-repeat} // .fonctionnalites li.site {background : url(/images/icones/site-pap-grey.png) 0 4px no-repeat} //.vivevu .fonctionnalites li.site {background : url(/images/icones/site-pap.png) 0 4px no-repeat} // .fonctionnalites li.site {padding:0 0 0 30px} .button-site {background:#E1190D; border-radius:5px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4); color;#fff; font-family:Arial,Serif; font-size:11px; padding:2px 8px; text-decoration:none; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); vertical-align:middle}* .button-site a {color:white} .button-site a:hover {text-decoration:none} .button-site .puce {display:inline; vertical-align:middle; padding-right:5px} .fonctionnalites li.aide-memoire {padding : 2px 0 0 23px; background : url(/images/icones/aide-memoire.gif) 0 4px no-repeat} .fonctionnalites .bloc_commentaire { padding: 10px; display: none ; } .fonctionnalites .bloc_commentaire textarea, .aide-memoire textarea { padding: 2px 1px ;} .fonctionnalites .bloc_commentaire textarea { width: height: 50px;} #galerie-photo div {border : 1px solid #ccc ; margin : 3px} #galerie-photo div img {border : 2px solid #fff; cursor: pointer;} #photo-principale img {position:relative; border : 1px solid #ccc ; padding : 3px ; display : inline; } #photo-principale {text-align : center ; margin-top : 15px; overflow: hidden; } /* Article ==================================== */ div.sommaire_dossier, div.produits {clear : both ; border-top : 1px dashed #aaa ; margin-top : 15px ; } div.sommaire_dossier p.titre, div.produits p.titre {font : italic bold 12px Georgia ; color : #999 ; } div.sommaire_dossier ul {margin : 20px} div.sommaire_dossier li {padding : 2px 0 0px 20px ; background : url(/images/puces/carre-blanc.gif) 0 5px no-repeat} div.sommaire_dossier li a {color : #000} div.sommaire_dossier li.courant a {color : #c00} .article {padding : 8px 0} .article img {float : right ; margin : 8px 2px 8px 12px} .article p {text-align : left} .vivebu {background-color : #e8f2ff ; cursor : pointer} .vivebu div.fonctionnalites {background-color : #d2e7ff} .vivebu .suite {background-color : #D2E7FF; color:#477BCC}