/*body,html {width: 100%; height: 100%;}*/
* {font-family: Verdana, Arial, Helvetica; font-size: 7pt;}
ul, ol, li , dd, dt, dl, p, html, body, h1, h2, h3, h4, h5, h6, select, input, textarea {margin:0px; padding: 0px; list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline; -moz-user-select: none; }
th {text-align:left;font-weight:normal;}
area {cursor: pointer;}
body {background: url(../images/fond-principal.jpg);}
html {background: url(../images/fond-principal.jpg); overflow-Y: scroll;}
b ody * {border: 1px solid #ccc;}
/******************************************
GENERALE
******************************************/
.erreur {color: #f00;}
.page-cadre {margin: 5px auto; background: #fff; width:800px;
background: url(../images/fond-page.jpg) repeat-y left 238px;}
.cale-basse {clear:both;float:none;}
.pousse-fond {height:50px;}
.bandeau {height: 208px; background: url(../images/Bandeau.jpg) no-repeat left top; width: 800px;}
.bandeau .lien-accueil {display:block; height: 200px; width: 240px; float: left;}
.bandeau .adresse {float:left; height: 40px; width: 540px; font-size: 15px; font-weight:bold; color:#333;
font-family: arial; margin-top: 60px;}
.menu {position: relative; top: 180px;}
.menu ul,
.menu li {display:block; float:left;}
.menu li {line-height: 27px; text-indent: 35px; margin-bottom: 1px; float:left; width:150px;}
.menu a {display:block; font-size: 12px; font-weight: bold; color: #fff;}
.menu .accueil {background: url(../images/ico_accueil.gif) no-repeat 10px center;}
.menu .telechargement {text-indent: 10px; background: url(../images/ico_telechargement.gif) no-repeat right center; width: 180px;
margin-left: 50px; color:#333;}
.menu .telechargement a {color:#333;}
.menu .contact {background: url(../images/ico_contact.gif) no-repeat 10px center;}
.head {display:block;}
.head li {display:block; float:left;}
.head h2,
.head a {display:block;}
.head .button {display:block; float:right;}
.head .title {width: 190px;}
.head .title h2 {display:block; color: #777; font-weight: bold; line-height: 14px; font-size: 12px; font-family: Arial;
margin: 15px 0px 0px 32px; }
.head .info {margin: 12px 0px 0px 20px; line-height: 14px; font-family: Arial; font-weight:bold; font-size: 11px;
color: #333;}
.pied-page {clear: both; float: none; height: 38px; background: url(../images/pied-page.jpg); margin-top: 10px;}
.pied-page .infolegales {float:left; padding: 5px 20px;}
.pied-page .realisation-optavis {float:right; padding: 5px 20px;}
.pied-page a {display: block; line-height: 20px; color: #fff; font-size: 11px; font-weight: bold; margin: 0px 5px;}
.realisation-optavis a {color: #ccc;}
.loader {background: url(../images/load.gif) no-repeat left center; line-height: 15px; color: #2e58ac;
text-indent: 20px; font-size: 12px;}
.contenu-info {color:#2d58ac; font-size: 12px; margin: 20px 30px;}
/* ICONES */
.nbre-piece, .nbre-chambre, .surface, .surface-terrain, .garage, .nbre-salle-de-bain,
.ico-type-bien, .ico-prix, .ico-situation {
padding: 0px 5px 0px 35px; background: #fff; background-position: left center; background-repeat: no-repeat;}
.nbre-piece {background-image: url(../images/ico_piece.gif);}
.nbre-chambre {background-image: url(../images/ico_chambre.gif);}
.surface {background-image: url(../images/ico_surface.gif);}
.surface-terrain {background-image: url(../images/ico_terrain.gif);}
.garage {background-image: url(../images/ico_garage.gif);}
.nbre-salle-de-bain {background-image: url(../images/ico_sdb.gif);}
.ico-type-bien {background-image: url(../images/ico_type_bien.gif);}
.ico-prix {background-image: url(../images/ico_prix.gif);}
.ico-situation {background-image: url(../images/ico_situation.gif);}
.ico_ai, .ico_son, .ico_image,
.ico_video, .ico_pps, .ico_pub,
.ico_swf, .ico_txt, .ico_xls,
.ico_doc, .ico_pdf, .ico_noext {background-repeat: no-repeat;}
.ico_ai {background-image: url(../images/ico_ai.gif);}
.ico_son {background-image: url(../images/ico_son.gif);}
.ico_image {background-image: url(../images/ico_image.gif);}
.ico_video {background-image: url(../images/ico_video.gif);}
.ico_pps {background-image: url(../images/ico_pps.gif);}
.ico_pub {background-image: url(../images/ico_pub.gif);}
.ico_swf {background-image: url(../images/ico_swf.gif);}
.ico_txt {background-image: url(../images/ico_txt.gif);}
.ico_xls {background-image: url(../images/ico_xls.gif);}
.ico_doc {background-image: url(../images/ico_doc.gif);}
.ico_pdf {background-image: url(../images/ico_pdf.gif);}
.ico_noext {background-image: url(../images/ico_noext.gif);}
/* BOUTON */
.simulation-financiere, .selection-ajouter, .selection-retirer, .lien-fiche,
.retour {float:left; padding: 0px 5px 0px 22px; background-position: left center; background-repeat: no-repeat;}
.simulation-financiere {background-image: url(../images/ico_simu.gif);}
.selection-ajouter {background-image: url(../images/ico_add_selection.gif);}
.selection-retirer {background-image: url(../images/ico_del_selection.gif);}
.lien-fiche {background-image: url(../images/ico_fiche.gif);}
.retour {background-image: url(../images/ico_retour.gif);}
.btnOK {display: block; background: url(../images/ico_ok.png); width:21px; height: 18px; float: right;}
/******************************************
INDEX
******************************************/
/********** flash **********************/
.flash {margin: 0px 20px;}
/********** Recherche de Bien ***********/
.recherche-vente,
.recherche-location,
.recherche-selection,
.recherche-simu,
.recherche-fiche {width: 753px; height:103px; background: url(../images/critere-fond-vente.gif) no-repeat; margin: 5px 0px 0px 23px;}
.recherche-vente {background: url(../images/critere-fond-vente.gif) no-repeat;}
.recherche-location {background: url(../images/critere-fond-location.gif) no-repeat;}
.recherche-selection {background: url(../images/critere-fond-selection.gif) no-repeat; height: 181px;}
.recherche-simu {background: url(../images/critere-fond-simu.gif) no-repeat; height: 181px;}
.recherche-fiche {background: url(../images/critere-fond-simu.gif) no-repeat; height: 27px;}
.recherche-vente *,
.recherche-location *,
.recherche-selection *,
.recherche-simu *,
.recherche-fiche * {font-family: Arial;}
.recherche-type {display:block; clear: both; float: none; height: 25px; margin: 0px 0px 10px 0px;}
.recherche-type li {display:block; float: left; line-height: 23px;}
.recherche-type a {display:block; font-size: 12px; font-weight: bold; font-family: Arial; color:#777; text-indent: 65px;}
.recherche-type .L a {text-indent: 60px; width: 200px; line-height: 26px;}
.recherche-type .V a {text-indent: 45px; width: 160px; line-height: 26px;}
.recherche-type .selection a {text-indent: 45px; width: 200px;}
.recherche-type .simu a {text-indent: 35px; width: 180px;}
.recherche-critere {height: 50px; }
.recherche-critere ul {display:block; clear: both; float: none;}
.recherche-critere li {display:block; float: left; width: 170px; height: 100%; border: 1px solid #6e91d9; margin: 0px 5px;
background: url(../images/critere-fond.png);}
.recherche-critere {margin: 5px 8px;}
.recherche-critere h6 {display: block; height:20px; color:#339; font-family: Arial; font-weight: bold; font-size: 12px;
background-repeat: no-repeat; background-position: right top;
line-height: 20px; text-indent: 5px;}
.critere-label {margin: 5px; border: 1px solid #6e91d9; float:none; clear:both; height: 20px; line-height: 20px;
padding: 0px 5px; font-size: 10px; background: #fff;}
.critere-select {position:absolute; border: 1px solid #7195db;
width:250px; height: 250px; background: #fff url(../images/critere-select-fond.png) repeat-x bottom center;}
.critere-select .select a {display: block; height: 14px; line-height: 14px; border: 1px solid transparent;
color:#039; font-size: 10px;}
.critere-select .scroll {overflow: auto; float:left; margin: 5px;}
.critere-select .no-result {display:block; height: 20px; line-height:20px; padding: 0px 2px; color:#039; margin: 0px 2px;}
.critere-select a {display:block; height: 20px; line-height:20px; padding: 0px 2px; border: 1px solid transparent;
color:#039; margin: 0px 2px;}
.critere-select .scroll a:hover {text-decoration : none; border: 1px solid #577abe; background: #fff;}
.critere-close {display: block; width:25px; height:25px; background: url(../images/critere-select-close.gif) no-repeat center center;}
#critere_type_bien h6 {background-image: url(../images/critere-type.jpg);}
#critere_situation h6 {background-image: url(../images/critere-situation.jpg);}
#critere_prix h6 {background-image: url(../images/critere-prix.jpg);}
#critere_nbre_piece h6 {background-image: url(../images/critere-piece.jpg);}
#critere_type_bien_select {width: 200px; height: 100px;}
#critere_type_bien_select .scroll {width: 150px; height: 90px;}
#critere_situation_select {width: 720px; height: 360px;}
#critere_situation_select .head {height: 25px;}
#critere_situation_select .title {height: 100%; font-weight: bold; color:#039; line-height: 25px; text-align: center;
font-size: 12px;}
#critere_situation_select #titleCarte {width: 410px;}
#critere_situation_select #titleCarte a {float:right;}
#critere_situation_select #titleCarte .title{float:left;}
#critere_situation_select #titleListe {width: 250px;}
.carte-rennes-thumb {background: url(../images/carte-rennes-thumb.gif) no-repeat; text-indent: 35px;}
.carte-thumb {background: url(../images/carte-thumb.gif) no-repeat; text-indent: 35px;}
#critere_situation_select .carte {float:left; margin: 0px 5px;}
#critere_situation_select #carte_Bretagne {width: 400px; height: 322px;}
#critere_situation_select #carte_Rennes {width: 434px;}
#critere_situation_select .pointeur-carte {width: 394px; height: 322px; opacity: 0.5; filter:alpha(opacity:50);
background: url(../images/Pointeur-carte.gif) no-repeat;}
#critere_situation_select .liste {float:left; width: 290px; height: 310px;}
#situation_info {float:left; width: 200px; height: 30px; font-size: 11px; color: #039;}
#situation_info * {font-size: 11px; color: #039;}
#critere_situation_select .tri {height: 25px;}
#critere_situation_select .tri a {display: block; float: left; height: 30px; text-indent: 25px; color: #2e58ac;
font-size: 10px; background: url(../images/ico_down.gif) no-repeat left center; line-height:25px;
width: 90px; margin: 0px 5px;}
#critere_situation_select .scroll {width: 100%; height: 280px;}
#critere_prix_select {width: 230px; height: 150px;}
#critere_prix_select .scroll {width: 180px; height: 140px;}
#critere_nbre_piece_select {width: 190px; height: 150px;}
#critere_nbre_piece_select .scroll {width: 140px; height: 140px;}
/*** Resultat bien ***/
.annonce-navigation-page {border: 1px solid #cdd9f2; text-align: center; margin: 5px auto;
height: 20px; background: #ebf2ff; }
.annonce-navigation-page ul {}
.annonce-navigation-page li {display: block; width: 20px; height:20px; line-height:20px; text-align:center; float: left;}
.annonce-navigation-page .precedente,
.annonce-navigation-page .suivante {width:120px;}
/********** Présentation ***********/
/*.index-presentation {width: 753px; height: 311px; margin: 10px 24px; background: url(../images/edito-visuel-fond.jpg)}*/
.index-presentation {height: 290px; margin: 10px 0px; background: url(../images/edito-visuel-fond.jpg)}
.index-pr esentation * {border: 1px solid #ccc;}
.index-presentation h2 {position:relative; left: 435px; top: 5px; color:#f90; font-size: 15px; font-family: Arial; width:340px;}
.index-presentation .edito-agence {position:relative; left: 480px; top: 25px; color:#333; font-size: 12px; width: 300px;}
.index-presentation .edito-situation {position:relative; left: 57px; top: 37px; color:#666; font-size: 13px; width: 210px;}
.index-presentation .edito-adherent {position:relative; left: 150px; top: 60px; color:#333; font-size: 12px; font-weight: normal; width: 330px;}
.index-presentation .edito-link {display:block;position:relative; left: 550px; top: 30px; color:#fff; font-size: 17px; font-weight: bold;
width: 200px; font-family: Arial;}
/********* Liste d'annonces *******/
.list-annonces {width: 751px; margin: 20px 0px 10px 23px;}
.list-head {height: 46px; width:753px; background: url(../images/entete-vente.gif) no-repeat;}
.list-head .title {margin: 8px 0px 0px 28px; line-height: 34px; font-size: 12px; font-family: Arial; font-weight: bold; color: #777;}
.list-head .info {margin: 4px 0px 0px 70px; line-height: 20px; font-size: 12px; font-family: Arial; font-weight: bold; color: #666;}
.list-head .button a {display:block; padding: 0px 10px 0px 30px; height: 20px; color: #333; line-height: 20px;
background: url(../images/ico_tri.gif) no-repeat left center;}
.list-head .button .desc {background-image: url(../images/ico_tri_desc.gif);}
#list_recent {background: url(../images/entete-recente.gif) no-repeat;}
#list_recent_vente {background: url(../images/entete-vente.gif) no-repeat;}
#list_vente {background: url(../images/entete-vente.gif) no-repeat;}
#list_location {background: url(../images/entete-location.gif) no-repeat;}
#list_select {background: url(../images/entete-selection.gif) no-repeat; height: 46px;}
#list_select .title {text-indent: 25px;}
.annonce {width: 100%; border: 1px solid #bccbef; margin: 4px 0px;
background: #fff url(../images/annonce-bouton-fond.gif) no-repeat top right;}
.annonce .tabAnnonce {width: 100%;}
.annonce .img {width: 116px;height: 100px;vertical-align: middle; text-align: center;}
.annonce .info {width: 130px;height: 100px; color:#039; vertical-align: top; font-size: 11px;}
.annonce .info * {color: inherit; font-size: inherit;}
.annonce .detail {vertical-align: top;}
.annonce .detail .head {height: 25px; margin: 0px;}
.annonce .detail .title {color: #f90; font-size: 14px; font-weight: bold; text-align:right; width: 95px;}
.annonce .detail .button {margin: 0px 10px 0px 0px; height: 24px;}
.annonce .detail .head a {line-height: 10px; height: 100%; color:#666;}
.annonce .detail table {margin: 20px 0px 0px 0px;}
.annonce .detail .vignette td {vertical-align: bottom; height: 30px;}
/********* fiche ******************/
.fiche {margin: auto; width: 753px; margin-top: 20px;}
.fiche .head {display: block; height: 46px; width: 100%;}
.fiche .head a {line-height: 10px; height: 100%; color:#666;}
.fiche .head .info {margin-left: 60px;}
.fiche #vente_head {background: url(../images/entete-vente.gif) no-repeat;}
.fiche #location_head {background: url(../images/entete-location.gif) no-repeat;}
.fiche ul {display: block; height: 30px;}
.fiche .button {margin: 0px 0px 0px 10px;}
.fiche .contenu {width: 753px; border: 1px solid #b3c4e4; border-top: 0px solid #b3c4e4; height: 490px; background: #fff;}
.fiche .viewer {float:left; width: 420px;}
.fiche .viewer td {text-align:center; vertical-align: middle;}
.fiche .viewer .img {text-align:center; vertical-align: middle; width: 400px; height: 400px;}
.fiche .scrollLeft, .fiche .scrollRight, .fiche .scrollOff
{display:block; width: 21px; height: 100%; float:left; margin: 0px 5px;}
.fiche .scrollLeft {background: url(../images/ico_left_arrow.gif) no-repeat center center;}
.fiche .scrollRight {background: url(../images/ico_right_arrow.gif) no-repeat center center}
.fiche .thumb {height: 65px;}
.fiche .thumb table {height: 60px;}
.fiche .thumb td {width: 60px; height: 60px; border: 1px solid #aec0e2;}
.fiche .thumb div {float:left; overflow: hidden; width: 330px;}
.fiche .thumb img {border: 0px solid #ccc;}
.fiche .description {float: right; width: 300px; border-left: 1px solid #b3c4e4; height: 100%;}
.fiche .description h4 {display: block; background: #ebf2ff; line-height: 25px; height: 25px; color: #339;
text-indent: 10px; font-size: 14px; font-family: Arial; margin-bottom: 10px;}
.fiche .description h6 {display: block; height: 28px; color: #339; margin: 2px 40px; font-family: Arial;
font-weight: normal; font-size: 12px; line-height: 28px;}
.fiche .description h6 img {margin-right: 5px; vertical-align: middle;}
.fiche .description .prix {margin-bottom: 10px; color: #f90; font-weight: bold;}
.fiche .description .commentaire {margin: 10px 0px;}
.fiche .description .agence {margin: 10px 0px;}
.fiche .description h5 {margin: 0px 10px;color: #339; font-family: Arial; font-weight: normal; font-size: 12px;}
.fiche .vignette {float: left; width: 150px;}
.fiche .vignette div {float: none;}
/******************* formulaire *****************/
.formulaire {margin: 10px auto 20px auto; width: 741px;}
.formulaire .head {display: block; height: 41px; width:741px; background: url(../images/entete-coordonnees.gif);}
.formulaire .head a {line-height: 10px; height: 100%; color:#666;}
.formulaire ul {display: block; height: 30px;}
.formulaire .info {color:#2d58ac}
.formulaire .contenu {padding: 5px 5px;}
.formulaire table {margin: 0px 10px;}
.formulaire th {font-size:11px;color:#36a; font-weight: bold; width: 100px; vertical-align: top; text-align:right}
.formulaire td {vertical-align: top;}
.saisieEmail {width:250px;}
.saisieTel {width:110px;}
.formulaire textarea {font-size:11px;color:#36a; font-weight: bold; width: 250px; height: 60px;}
.formulaire p {padding: 0px 15px;}
.formulaire .btnOK {margin-top: 2px;}
/*Contact */
#contact_selection {height: 200px;}
#contact_selection p {color:#2d58ac; padding: 0px 15px; font-size: 12px;}
#contact_selection em {display:block; color: #369;font-size: 9px; text-align: right;}
#contact_selection .erreur {padding: 5px 15px; font-size: 10px;}
#contact_selection .ok {padding: 5px 15px; color: #666;}
#contact_selection .msg {height: 40px;}
#contact_selection2 {height: 130px;}
#contact_selection2 p {color:#2d58ac; padding: 0px 15px; font-size: 12px;}
#contact_selection2 em {display:block; color: #369;font-size: 9px; text-align: right;}
#contact_selection2 .erreur {padding: 5px 15px; font-size: 10px;}
#contact_selection2 .ok {padding: 5px 15px; color: #666;}
#contact_selection2 .msg {height: 40px;}
/*Simulation*/
#simulation-head {background: url(../images/entete-simulation.gif); height: 38px;}
#simulation-head .title h2 {color: #666;}
#simulation {padding: 0px; height: 150px;}
#simulation .detail {float:left; height: 100%; width: 200px;}
#simulation .detail p {color:#2d58ac; padding: 5px; font-size: 11px; font-style:italic;}
#simulation .form-simulation {display:block; float: left; width: 518px; margin: 10px 5px 0px 5px; border-collapse: collapse;}
#simulation .form-simulation tr {height: 30px;}
#simulation .form-simulation th,
#simulation .form-simulation td {line-height: 20px; border: 0px solid #ccc; padding: 0px 5px; color:#2d58ac;}
#simulation .form-simulation em {display:block; line-height:12px; text-align: left; font-weight: normal; width: 100%;}
#simulation .form-simulation .saisie {width: 90px;}
#simulation .form-simulation a {display:block; border: 1px solid #b2aa8d; width: 80px; font-size: 11px; font-weight: bold;
background: url(../images/simu-fond-bouton.gif); color:#666; height: 20px; text-align: center; line-height: 20px;}
#simulation .form-simulation .button {border: 1px solid #ddddcd; width: 80px; height: 18px;}
#simulation .form-simulation .radio {margin: 0px 2px 0px 0px;}
#simulation #tMontant,
#simulation #tApport,
#simulation #tMensualite {width : 60px; text-align: right;}
#simulation table #tMensualite {color: #f90; font-weight: bold;}
#simulation th {width: 200px;}
/*Contact*/
#plan_adresse {height: 530px;}
#plan_adresse img {margin-left: -10px;}
#plan_adresse .adresse {height: 100%;}
#plan_adresse .adresse p {color:#2d58ac; padding: 15px 0px 0px 10px; font-size: 12px;}
#plan_adresse .adresse b {font-size: 12px;}
/*infos légales*/
#info_legales_contenu {color:#2d58ac; padding: 10px 0px 0px 15px; font-size: 12px;}
#info_legales_contenu * {font-size: 12px;}
#info_legales_contenu td {padding: 15px;}
#info_legales_contenu p {margin: 20px 0px;}
/* Telechargement */
.telechargement-liste .fichier {border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; height: 34px; margin: 5px 0px; padding: 0px 0px 0px 30px;}
.telechargement-liste a {text-indent:50px; font-size: 15px; line-height: 34px; float:left; color:#000;}
.telechargement-liste em {color:#2d58ac;}