/*---------------------------------------------------------------------- 

Couleurs du site:

//Vert du logo : 					#/0B9783
//Jaune du logo : 					#/F8C809
Vert foncé du logo: 				#139482
Vert clair du logo : 				#b1d72a
Gris du logo : 						#585858
Nuance de gris police Home page : 	#C7C8BD
  
---------------------------------------------------------------------- */


/* ------------------------NAVIGATION DES LES RESULTATS HAUT / FICHE RESULTAT-----------------------------*/

p#bulle_contact{
position: absolute;
padding: 3px 0 0 10px;
top: 98px;
height: 60px;
width: 178px;
left: 540px;
font-size: 11px;
background-color:#fff;
border: 1px solid #585858;
visibility: hidden;
color: #B5B5B5;}

p#bulle_contact a{
color: #139482; text-decoration: none;
}
p#bulle_contact a:hover{
color: #139482; text-decoration: underline;
}

#vignette_hidden{
display: none}


div#nav_resultat{
width: 713px;
height: 20px;
position: absolute;
top:77px;
left:17px;
background-color: #eee;}
div#nav_resultat div#resultat_rech{float: left; font-size: 8pt; color: #585858;
padding-top: 3px; padding-left: 5px;}
div#nav_resultat div#resultat_rech a{color: #585858;
text-decoration: none;}
div#nav_resultat div#resultat_rech a:hover{color: #139482;
text-decoration: underline;}
div#nav_resultat div#interesser{float: right;
border-left: 2px solid #fff;
background-color:#139482; padding-top: 3px;}
div#nav_resultat div#interesser p{
font-size: 8pt;color: #fff; padding: 0 10px 4px 10px;}
div#nav_resultat div#interesser p a{
text-decoration: none; color: #fff;}
div#nav_resultat div#interesser p a:hover{
text-decoration: none; color: #b1d72a;}

/* ------------------------NAVIGATION DES LES RESULTATS HAUT / PAGE DE RESULTAT-----------------------------*/
div#nav_resultat div#float_right{float: right; padding-top: 3px;}
div#nav_resultat div#float_right p{
font-size: 8pt;color: #585858; padding: 0 10px 4px 10px;}
div#nav_resultat div#float_right p a{
text-decoration: none; color: #585858;}
div#nav_resultat div#float_right p a:hover{
text-decoration: underline; color: #139482;}
#nav_resultat strong{color: #139482;}
/* ------------------------NAVIGATION DANS LES VIGNETTE DE RESULTAT-----------------------------*/
div.foot_nav_resultat div.action_res{float: right; padding-right: 11px; padding-top: 4px;}
ul#vignette_res{
padding: 0 0 0 15px;
background: transparent url(../images/arrow-grey-action.gif) no-repeat left -5px;}
ul#vignette_res li{
display: inline;
position: relative;}
ul#vignette_res li img{
vertical-align: top;
border: 2px solid #fff;}
/* ------------------------NAVIGATION DES LES RESULTATS BAS-----------------------------*/
div.foot_nav_resultat h2.titre{float: left;
text-transform: uppercase;}
.action_res span{
font-size: 8pt;
font-weight: none;
color: #B6B6B6;
margin:0;
position:absolute; top: 271px; left: 108px;}
ul#no_page_res li{
display: inline;
font-size: 8pt;
font-weight: bold;
margin: 0;
padding: 0;
color: #B6B6B6;
position: relative;}
ul#no_page_res li a{text-decoration: none;color: #B6B6B6; border: 3px solid #fff;}
ul#no_page_res li a:hover{color: #139482; border: 3px solid #139482;}
ul#no_page_res li a.no_page_selected{
border: 3px solid #b1d72a;color: #139482;}
ul#no_page_res li a:hover img{color: #139482;}
ul#no_page_res li img{
vertical-align: middle;}
ul#no_page_res li a.no_border{
border: 0 none;}
/* ------------------------NAVIGATION DANS LA PAGINATION EN PIED DE PAGE-----------------------------*/
ul#nav_pagination{padding: -2px 0 0 0; margin: 3px 0px 0 0;
background-color: #139482;
border-left: 2px solid #fff;
position: absolute; 
left: 585px; width: 130px;color: #fff;
height: 18px;}
ul#nav_pagination li{
display: inline;
font-size: 8pt;
font-weight: normal;
color: #fff;
position: relative;}
ul#nav_pagination li img{
vertical-align: middle;}
/* ------------------------PAGE D'ACCUEIL : CLE ET POISSONS-----------------------------*/
#main_home{
width: 713px;
height: 353px;
position: absolute;
top: 78px;
left:17px; }
div#left_home_cles{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
left: 0px;
background: transparent url(../images/home-cles.jpg) no-repeat top left;
padding-top: 55px;color: #FFF;text-align: right;}
div#left_home_cles h2{
font-size: 16pt;
font-weight: normal;
margin-right: 12px;}
div#left_home_cles h2 a{
color: #fff;
text-decoration: none;
padding-right: 3px;
padding-left: 3px;}
div#left_home_cles h2 a:hover{
background-color: #fff;
color: #D6CFC5;
}
div#left_home_cles p{
font-size: 8pt;
margin-right: 12px;
width: 240px;
position: absolute;
left: 95px;
text-align: right;
}
div#left_home_cles p a{
color: #fff;
text-decoration: none;
cursor: default;}
div#right_home_fish{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
right: 0px;
background: transparent url(../images/home-poissons.jpg) no-repeat top left;
color: #C7C8BD;
text-align: right;
padding-top: 55px;
}
div#right_home_fish h2{
font-size: 16pt;
font-weight: normal;
margin-right: 2px;
width: 160px;
float: right;

text-align: right;}
div#right_home_fish h2 a{color: #C7C8BD;text-decoration: none;
 padding-left: 3px;
}
div#right_home_fish h2 a:hover{color: #fff;
background-color: #C7C8BD}

/* ------------------------PAGE D'ACCUEIL DE L'IMMOBILIER AUTREMENT-----------------------------*/
#main_home{
width: 713px;
height: 353px;
position: absolute;
top: 78px;
left:17px;}
div#left_home_fish{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
left: 10px;
background: transparent url(../images/home-poissons-immo.jpg) no-repeat top left;
padding-top: 55px;color: #FFF;text-align: right;}
div#right_home_white{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
right: 0px;
background: transparent url(../images/home-02.jpg) no-repeat top left;
color: #C7C8BD; text-align: right;
padding-top: 55px;}
div#right_home_white h2{
font-size: 16pt;
font-weight: normal;
margin-right: 5px;
width: 160px;
float: right;}
div#right_home_white p{
font-size: 15pt;
font-weight: normal;
color: #636363;
width: 300px;
text-align: left;
padding-top: 40px;
float: right;}
div#right_home_white p span{
font-size: 20pt;}
div#right_home_white ul#menu_immo{
float: left;margin: 20px 0 0 0;
padding: 0 0 0 70px;}
div#right_home_white ul#menu_immo li{
padding: 0px;
display: inline;}
div#right_home_white ul#menu_immo li a{
list-style: none;
float: left;
width: 67px; padding-top: 55px;
margin: 0 10px 0 10px;
color: #C7C8BD; text-decoration: none; text-transform: uppercase; text-align: center;
font-size: 13px; font-weight:bold;}
div#right_home_white ul li#menu_achetez a{
background: #fff url(../images/menu-achetez.jpg) no-repeat top left;}
div#right_home_white ul li#menu_louez a{
background: #fff url(../images/menu-louez.jpg) no-repeat top left;}
div#right_home_white ul li#menu_vendez a{
background: #fff url(../images/menu-vendez.jpg) no-repeat top left;}
div#right_home_white ul#menu_immo li a:hover{
background-color: #C7C8BD; color: #FFF;}
/* ------------------------VIGNETTES DE RESULTAT D'UNE RECHERCHE-----------------------------*/
#main_page_res{
width: 750px;
height: 313px;
position: absolute;
top: 108px;
left:17px;}
div.res_thumb{
background: transparent url(../images/bg-thumb-res.gif) no-repeat top left;
height: 154px; width: 172px;
float: left; margin-right: 11px;
margin-bottom: 10px;}
div.res_thumb_or{
background: transparent url(../images/bg-thumb-res-or.gif) no-repeat top left;
height: 154px; width: 353px;
float: left; margin-right: 11px;
margin-bottom: 10px;}
div.res_thumb img.thumb {
margin: 6px 0 0 6px;}
div.res_thumb p{
font-size: 7pt;
text-align: center;
color: #585858; font-weight: normal;
position: relative; top: -130px; float: right; right: 12px;
background: #fff url(../images/arrow-type.gif) no-repeat 5px center;
padding:0 5px 2px 20px; height: 13px;font-weight: bold;}
div.res_thumb h3{
font-size: 8pt;
text-align: center;
color: #585858; font-weight: normal;
padding-top: 1px;}
div.res_thumb img{
vertical-align: middle;	}
a img.thumb{
filter: alpha(opacity=65);
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
opacity: 0.65;}
a:hover img.thumb{
filter: 100;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;}
div.res_thumb_or_img{
height: 154px;  width: 172px;
float: left; }
div.res_thumb_or img.thumb {
margin: 6px 0 0 6px;}
div.res_thumb_or_img p{
font-size: 8pt;
text-align: center;
color: #fff; font-weight: normal;
position: relative; top: -125px; float: right; right: 0px;
background: #FAC721 url(../images/arrow-type.gif) no-repeat 5px center;padding:0 5px 2px 20px; height: 13px;font-weight: bold;}
div.res_thumb_or_txt h3{
font-size: 9pt;
text-align: center;
color: #585858; font-weight: normal;
margin-top: 10px;}
div.res_thumb_or_img img{
vertical-align: middle;	}
div.res_thumb_or_txt{
width: 170px;
float: left;}
div.res_thumb_or_txt p{
font-size: 8pt;
text-align: center;
color: #fff; font-weight: normal;
margin-top: 50px;}
div.res_thumb_or_txt p strong{
font-size: 9pt;
color: #585858;}
/* ------------------------FICHE DE DESCRIPTION D'UNE OFFRE-----------------------------*/
#main_res{
width: 722px;
height: 313px;
position: absolute;
top: 108px;
left:17px;}
div#left_res{
width: 359px;
height: 303px;
position: absolute;
top: 0px;
left: 0px;
background: #fff url(../images/resultat-bg-left.jpg) no-repeat left top;
padding: 6px 0 0 0;
text-align: center;
}
div#left_res img{
margin-right: auto;
margin-left: auto;
margin-right:5px;}
div#main_res h2{
font-size: 18px;
padding: 0 0 0 6px;
color: #585858;
margin-top: 4px;}
div#right_res{
width: 363px;
height: 303px;
position: absolute;
top: 0px;
right: 0px;
background: #fff url(../images/bg-col-right.gif) no-repeat left top;}
div#right_res h3{
color: #585858;
font-size: 17px;
text-indent: 30px;
padding-bottom: 10px;
margin-top: 30px;
line-height: 20px;
text-align: center; font-weight: normal;}
div#right_res h3 img{
vertical-align:top;}
div#right_res div#description_res{
width: 343px;
height: 257px;
margin: 6px 0 0 6px;
background-color: #EEE}
p#stats_annonce{color: #B9B9B9; font-size: 7pt; margin: 0 0 0 10px; padding: 5px 0 0 0}
div#picto_annonce{position: absolute; top: 10px; right: 20px;
width: 32px; height: 32px;
background: transparent url(../images/picto-annonce.gif) no-repeat left top}
div#picto_annonce_or{position: absolute; top: 10px; right: 20px;
width: 72px; height: 34px;
background: transparent url(../images/picto-annonce-or.gif) no-repeat left top}
dl{
width: 344px;	}
dt{
color: #9F9F9F;
text-align: right;
padding-left: 45px;
font-weight:bold;
font-size: 11px;
padding: 0 10px 0 0;
width: 150px;
float: left;
margin: 3px 0 3px 0;}
dd{
float: left;
color: #585858;
font-size: 11px;
text-align: left;
width: 184px;
margin: 3px 0 3px 0;}
.value{
font-size: 11px;
font-weight: bold;
background-color: #B5B5B5;
color: #fff;
float: left;
width: 184px;
margin: 5px 0 0 0;
padding: 2px 0 4px 0;
}
.prix{
text-align: right;
float: left;
font-size: 11px;
background-color: #ccc;
color: #fff;
width: 150px;
margin: 5px 0 0 0px;
padding: 2px 10px 4px 0;
background: transparent url(../images/prix-gris.gif) no-repeat top right;
}
.value_or{
font-size: 11px;

font-weight: bold;
background-color: #F8C809;
color: #fff;
float: left;
width: 184px;
margin: 5px 0 0 0;
padding: 2px 0 4px 0;
}
.prix_or{
text-align: right;
float: left;
font-size: 11px;
background-color: #F8C809;
color: #fff;
width: 150px;
margin: 5px 0 0 0px;
padding: 2px 10px 4px 0;
background: transparent url(../images/prix-or.gif) no-repeat top right;

}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

/* ------------------------FORMULAIRE EMAIL DANS LE FOOTER-----------------------------*/
form{border: 0;}
div#footer_res div#recevoir_annonce {
	background: transparent url(../images/recevoir_annonce.gif) no-repeat top left;
	padding: 1px 0 0 30px;
	height: 23px;
  voice-family: "\"}\"";
  voice-family:inherit;
  padding-top: 1px;
}
html>body div#footer_res div#recevoir_annonce {
   padding-top: 0px;
}



div#footer_res #recevoir_annonce legend{ color:#474948; font-weight: bold; display: none;}
div#footer_res #recevoir_annonce fieldset{background: transparent; padding: 0; margin: 0; border: 0 solid;}
div#footer_res #recevoir_annonce input{margin: 0;padding: 0;font-size: 8pt; color:#474948; vertical-align: middle;
font-family: Arial, Helvetica, sans-serif; display:inline; border: 1px solid #D7D7D7;
background-color: #fff}
div#footer_res #recevoir_annonce input.ok{border: 0 none;background: transparent;}
