@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body{text-align:center;font:15px Arial, Helvetica, sans-serif;background:url(../images/gradian_body_content.jpg) repeat-y}
#container {height:1160px;width:1024px;margin:0 auto;text-align:center}
#body_header {height:302px;width:100%; background:url(../images/gradian_body_header.jpg) repeat-x}
#body_content {width:100%;min-height:470px;margin:0;padding:0}
#body_footer {clear:both;height:438px; width:100%;margin:0;padding:0}
#body_bas_footer{width:100%;background:url(../images/gradian_body_bas_footer.jpg) repeat-x;height:358px}
#body_haut_footer{width:100%;background:url(../images/gradian_body_haut_footer.png) repeat-x;height:80px}
/*MISE EN FORME HEADER SUP
========================================================================================*/
#header {width:1024px;height:302px;;margin:0 auto}
#immeuble {background:url(../images/diapos/diapo01.jpg) no-repeat;width:1024px;height:42px;margin:0 auto;text-align:left;padding:125px 0 0 0}
#accueil {background: url(../images/bt_accueil.png) no-repeat;width:145px;height:37px;padding:0;margin:0;text-align:center;padding:6px 0 0 0}
#lien_accueil{font:bold 11px Arial, Helvetica, sans-serif;color:#000;letter-spacing:0.2em;text-decoration:none;width:70px;height:13px}
#lien_accueil:hover {text-decoration:underline}
/*BARRE DE MENU TOP
========================================================================================*/
#menu-top {background:url(../images/fond_menu.jpg) no-repeat;height:46px;width:1024px;margin:0;text-align:left}
#menu-top ul {list-style:none;height:46px;margin:0 0 0 31px;padding:0}
.menu, .menu_select {display:block;float:left;width:136px;height:46px;text-align:center;list-style:none}
.menu:first-child {}
.last_child {width:120px;height:46px;float:left;text-align:center}
.last_child a{margin-top:13px;display:block;width:100px;text-decoration:none;font-size:17px;color:#a7f995;margin-left:auto;margin-right:auto}
.last_child_select {width:120px;height:46px;float:left;text-align:center}
.last_child_select a{margin-top:13px;display:block;width:100px;text-decoration:none;font-size:17px;color:#fff;margin-left:auto;margin-right:auto}
.menu a {display:block;width:100px;text-decoration:none;font-size:17px;color:#a7f995;margin-left:auto;margin-right:auto;margin-top:3px}
.menu_select a{display:block;width:100px;text-decoration:none;font-size:17px;color:#fff;margin-left:auto;margin-right:auto;margin-top:3px}
#accroche {background:url(../images/accroche.jpg) no-repeat;width:1024px;height:89px;margin:0 auto}
/*FORMAT DIV CONTENT ET MISE EN PLACE DECOR DE FOND
========================================================================================*/
#content {min-height:470px;width:1024px;margin:0 auto;position:relative}
#content_fond_gauche{background:url(../images/gradian_fond_div_gauche_long.png) repeat-y left; width:1024px}
#content_fond_droit {background:url(../images/gradian_fond_div_droite_long.png) repeat-y right ; width:1024px}
/*BARRE DE SOUS MENU LATERAL GAUCHE 
========================================================================================*/
#content_gauche {float:left;min-height:470px;width:200px;position:relative}
#languette {width:169px;text-align:right;position:absolute;right:0}
#languette_haut {width:169px;height:30px;right:0;padding:0;margin:0;text-align:right; position:relative}
#gauche_languette_haut{position:absolute;left:0;height:30px;width:152px; background:url(../images/haut_languette_gauche.jpg) no-repeat}
#droit_languette_haut {position:absolute;right:0; width:17px; height:30px; background:url(../images/haut_languette_droit.jpg) no-repeat}
#content_languette {width:169px;margin:0;text-align:left;position:relative;background:url(../images/droit_contenu_languette_ie.jpg) repeat-y right top}
#gauche_content_languette {width:152px;position:relative;left:0; background:url(../images/gauche_contenu_languette_ie.jpg) repeat-y}
#droit_content_languette {position:absolute;right:0;width:17px; background:url(../images/droit_contenu_languette_ie.jpg) repeat-y}
#languette_bas {width:169px;height:24px;position:relative;right:0}
#droit_languette_bas {position:absolute;right:0;bottom:0;width:17px; height:24px; background:url(../images/bas_languette_droit.png) no-repeat}
#gauche_languette_bas {position:absolute;left:0;height:24px;width:152px; background:url(../images/bas_languette_gauche.png) no-repeat}
#content_languette .ssmenu {padding:0;margin:0;list-style:none;width:150px; display:block}
#content_languette .menu_page {display:block;height:auto;text-align:right;padding:0;margin:0 10px 20px 0;width:150px;background:url(../images/fleche_ss_menu.jpg) no-repeat right top}
#content_languette .last {padding:0;margin:0; height:2px; background:none }
#content_languette .menu_page_select {text-align:right;padding:0;margin:0 10px 20px 0;width:150px;background:url(../images/fleche_ss_menu_select.jpg) no-repeat right top}
#content_languette .menu_page_select a { color:#dc1815; font-weight:bold}
#content_languette a {color:#000;display:block;text-decoration:none;font:normal 12px Arial, Helvetica, sans-serif;margin-right:10px}
/*BARRE DE SOUS SOUS MENU LATERAL GAUCHE 
========================================================================================*/
#content_languette .menu_page_select .cadre_ss_Menu {}
#content_languette .menu_page_select .cadre_ss_Menu .ssmenu{margin:0;padding:0}
#content_languette .menu_page_select .cadre_ss_Menu .ssmenu .menu_page {text-align:right;padding:0;margin:0 0 3px 0;width:150px;background:none}
#content_languette .menu_page_select .cadre_ss_Menu .ssmenu .menu_page_select {text-align:right;padding:0;margin:0 0 3px 0;width:150px;background:none}
#content_languette .menu_page_select .cadre_ss_Menu a{font-style:italic;font-weight:normal;color:black}
#content_languette .menu_page_select .cadre_ss_Menu .menu_page_select a{font-style:italic;font-weight:normal;color:#e01817;text-decoration:underline}
/*CONTENU PAGE CENTRALE 
========================================================================================*/
#content_central {min-height:500px;margin:0 256px 0 200px;text-align:left; background:#FFF}
#content_central_haut {height:25px;margin:0 0 0 0; background:url(../images/fond_haut_content.jpg) no-repeat;padding:0}
#contenu, .contenu {width:515px;height:auto;margin: 0 0 0 30px;position:relative}	
#fil_ariane {float:left;padding:0 0 0 30px;height:23px}
#fil_ariane img {margin-right:3px}
.a_fil_ariane {font:11px Arial, Helvetica, sans-serif;color:#5c5c5c;text-decoration:none;text-align:left}
#tools_kit {height:23px;float:right;padding:0 20px 0 0}
.titre_page{height:auto;display:block;margin:25px 0 10px 0}/*width:568px;*/
.margin_loc {margin:0 0 15px 0 ; }
#span_titre_page {height:auto;width:500px;display:block;margin:25px 0 10px 30px;font:bold 27px  Georgia, "Times New Roman", Times, serif;color:#276e18;display:block}
.lire {font:normal 11px Arial, Helvetica, sans-serif;color:#5bab4a;text-decoration:none}
.lire:hover {text-decoration:underline}
.date_actu {font:normal 12px Georgia, "Times New Roman", Times, serif;color:#5bab4a;margin:0 0 0 30px}
/*AFFICHAGE DE l'EQUIPE 
========================================================================================*/
#titre_equipe {width:inherit;height:29px;margin:10px 0 0 0}
.onglet_1_ligne{height:19px;width:75px;background:url(../images/onglet.jpg) no-repeat;float:left;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#444544;	text-decoration:none;margin:0;padding:10px 3px 0 3px}
.onglet_1_ligne_select{height:19px;width:75px;background:url(../images/onglet_select.jpg) no-repeat;float:left;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;	color:#444544;text-decoration:none;margin:0;padding:10px 3px 0 3px}
.onglet {background:url(../images/onglet.jpg) no-repeat;width:75px;height:29px;float:left;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#444544;text-decoration:none;margin:0;padding:0 3px 0 3px}
.onglet_select {background:url(../images/onglet_select.jpg) no-repeat;width:75px;height:29px;float:left;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#444544;text-decoration:none;margin:0;padding:0 3px 0 3px}
.onglet:hover {background:url(../images/onglet_select.jpg) no-repeat;text-align:center}
.onglet_1_ligne:hover {background:url(../images/onglet_select.jpg) no-repeat;text-align:center}
#contenu_equipe{background:url(../images/gradien_equipe.jpg) repeat-x;width:510px; padding:17px 0 0 0; text-align:center}	
#edito {text-align:left; padding: 0 20px 0 20px}
.content_membre {width:390px; height:115px; margin:0 0 0 110px; text-align:left; position:relative; padding:0 0 5px 0}
.photo_membre {width:74px; height:103px; position:absolute; left:0; top:0}
.info_membre {width:290px; height:103px; position:absolute; right:0; top:0; margin:0 0 0 26px; font-size:8px}
.nom_membre {display:block; font-weight:bold ;font-size:13px}
.fonction_membre {display:block; font-style:italic; font-size:11px}
.tel_membre {font-size:11px}
.courriel {color:#276e18}
/*MENTIONS LEGALES 
========================================================================================*/
#mentions_legales {margin:10px 5px 0 5px}
.noborder img{border:none}
#mentions_legales .chapeau {font:bold 11px;color:black}
#entete {font:14px;font-weight:bold;color:#000;text-decoration:underline;display:block;padding:0 0 15px 0}
#mentions_legales p{font-size:10px;font-weight:normal;color:black}
/*FORMULAIRE LOCATION / VENTE 
========================================================================================*/
.bandeau_vert {width:510px;height:23px;display:block;background:url(../images/bandeau_vert.jpg) no-repeat;font:bold 13px Verdana, Geneva, sans-serif;color:#fff;padding:2px 0 0 5px;margin:12px 0 12px 0}
.bandeau_vert select {width:260px;height:20px;margin:0 0 0 20px}
.bandeau_vert label {height:20px}
.cle_valid_formulaire {display:block;text-align:center;width:510px;height:auto;padding:20px 0 0 0 }
#submitFormSearch {background:url(../images/bt_valid_location.jpg) no-repeat;border:none;height:47px;width:155px;cursor:pointer}
.cadre {padding:5px;border: 1px solid #eaeaea;width:510px;margin:0 auto}
.cadre a {color:#276E18}
#titreResult {margin:0 0 0 25px;color:#276E18;font:bold 27px Georgia,"Times New Roman",Times,serif}
#form_choix {width:510px;height:auto;margin: 0 auto}
#result_logement{width:510px;height:auto;margin: 0 auto}

h2#titreResult.vente { color:#5BAB4A; margin-left:0 }
div.sstitreResult.vente { font-family:Arial,sans-serif; color:#5BAB4A; font-size:12px; }
div.typeResult { margin:8px 0; font-size:14px; font-weight:bold; color:#286E18; border-bottom:1px solid #286E18; }

.result.vente {
	background-color:#F4F8F3;
	border:1px solid #C6DCC2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	padding:5px 9px;
}
.result.vente span.titre { font-family:Arial,sans-serif; font-size:12px; color:black; font-weight:bold; width:480px }
.result.vente div.infos { text-align:right }
.result.vente div.infos a img { border:0 }
.result.vente div.infos div.prix { color:#5BAB4A; font-weight:bold; font-size:16px; margin-bottom:9px }
.result.vente div.specs {
	width:300px;
	text-align:center;
	font-size:12px;
	background-color:#C0D9BC;
	border:1px solid #DCDFDD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.result.vente div specs div.top, .result.vente div.specs div.row, .result.vente div.specs div.bottom { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.result.vente div.specs div.top { height:24px; padding-top:1px }
.result.vente div.specs div.row, .result.vente div.specs div.bottom { height:19px; padding-top:5px }
.result.vente div.specs div.top, .result.vente div.specs div.row { border-bottom:1px solid #fefefe; }
.result.vente div.thumbnail { float:left; margin:1; width:75px; height:75px }
.result.vente div.thumbnail div.empty { position:absolute; color:white; font-style:italic; width:64px; padding-left:5px; padding-top:22px }

/*DETAIL LOGEMENT
========================================================================================*/
.ville_bat {font:normal 14px Verdana, Geneva, sans-serif; color:#5C5C5C; height:15px; margin:0 0 0 35px}
.habitat{font:normal 14px Verdana, Geneva, sans-serif; color:#5C5C5C; height:15px}
.descrip_bien {font:bold 14px Verdana, Geneva, sans-serif; color:#5C5C5C;padding:0 0 10px 0}
.description { font:normal 12px Verdana, Geneva, sans-serif}
.adresse_bien {font:normal 15px Arial, Helvetica, sans-serif; color:#5c5c5c; height:17px;margin:0 0 15px 0}

.table_bien {text-align:center;margin:0 0 0 30px}
.table_bien table, #table_contact table {font-size:12px;color:#5C5C5C;border-collapse:collapse}
.table_contact {width:100%; height:16px;font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c}
.intitule_contact {font:bold 15px Georgia, "Times New Roman", Times, serif ; color:#276e18;text-align:left}
.table_contact .coordonnee {font-weight:normal; font-size:12px ; color:#5c5c5c; text-align:right}
.table_contact .coordonnee a {font-weight:normal; font-size:12px ; color:#5c5c5c; text-align:right; text-decoration:none}
.table_contact .coordonnee a:hover {text-decoration:underline}
.filet { text-align:center; width:100%;display:block;margin:5px 0 5px 0}
.table_contact .nom { font-weight:normal; font-size:15px }
.table_contact .fonction {font-style:italic; font-size:12px}
#table_photo .haut{ background:url(../images/bord_haut_photo.jpg) bottom no-repeat; width:503px; height:11px}
#table_photo .milieu{ background:url(../images/gradian_milieu_photo.jpg) repeat-y; width:503px;margin:0; text-align:center;position:relative}
#table_photo .bas{ background:url(../images/bord_bas_photo.jpg) no-repeat; width:503px; height:11px}
#table_photo { margin:15px 0 0 5px}
#table_photo tr { height:18px}
#table_detail {text-align:center; width:98%;border-collapse:collapse;margin:0 0 15px 5px}
#table_detail th {padding:0 3px 0 3px}
#table_detail td {padding:0 0 0 0}
#table_detail .contenu {height:18px; font: normal 13px Arial, Helvetica, sans-serif; color:#5c5c5c}
#table_detail .tbody {height:43px;font-weight:bold; font-size:12px ; color:#5c5c5c; text-align:center}
#table_detail .italic {font-weight:normal;font-style:italic; font-size:10px; color:#5c5c5c}
.mentions_tarifs { font-size:12px; color:#888; padding-left:16px; margin-bottom:8px }
.googlemap_descript {height:210px;position:relative}
.googlemap { position:absolute;margin:0 0 0 5px}
.descript {position:absolute;right:0;margin:15px 0 0 10px;width:180px}


/*FORMULAIRE DE CONTACT
========================================================================================*/
.groupe{width:480px;height:45px; margin:0 0 0 15px;text-align:left}
.entete { display:block; width:500px; text-align:center;font-size:15px; font-weight:bold; text-decoration:underline}
.ligne_input {margin:15px 0 0 0;float:left; width:440px; height:auto; display:block}
.ligne_simple {margin:5px 0 0 0;width:280px; height:30px; display:block}
.intitule {font:normal 15px Arial,Helvetica,sans-serif; float:left;width:160px; text-align:right; padding:0 5px 0 0}
.saisie{float:left; width:270px}
.saisie input{ width:100%; height:20px}
#adresse, #message {width:100%}
.adresse { height:80px}
.commentaire {height:130px}
.submit { text-align:center; padding:10px 0 0 0}
#form_contact{ background:url(../images/fond_contact.jpg) no-repeat;display:block;padding:0; text-align:center}
.erreur { font: bold 10px Arial, Helvetica, sans-serif; color:#ff0000}
#champs_obligatoires { font-size:12px; font-weight:bold; color:red; display:block;padding-top:10px}
#bloc_coordonnees { height:250px }
#bloc_coordonnees .coordonnees { margin:15px 0 0 10px; position:absolute; right:0; width:180px; }
.bloc_download { text-align:center }
.bloc_download a {
	font-size:16px;
	display:block;
	margin:0 auto;
	width:120px;
	height:32px;
	padding-left:36px;
	padding-top:6px;
	background:url('../images/arrow_down.png') no-repeat;
}

/*PLAN DU SITE 
========================================================================================*/
#contenu_plan_site {margin:30px 0 0 25px}
#contenu_plan_site .plan_du_site{margin:0;padding:0;list-style:none;display:block}
#contenu_plan_site .plan_du_site_dossier {margin:5px 0 5px 0;padding:0;list-style:none}
#contenu_plan_site .plan_du_site_document{margin:5px 0 0 0;padding:0;list-style:none}
#contenu_plan_site a{color:#000;text-decoration:none}
#contenu_plan_site .plan_du_site_dossier a{color:#276e18}
#contenu_plan_site .plan_du_site_document a{color:#000}
/*CONTENU PAGE DROITE - CLES
========================================================================================*/
#content_droit {min-height:470px;height:auto;width:256px;float:right;text-align:left;}
.porte_cle {margin:0;height:82px;width:236px;display:block}
.first_child {margin-top:20px}
.orange {background:url(../images/porte_cle_orange.png) no-repeat}	
.rouge {background:url(../images/porte_cle_rouge.png) no-repeat}	
.bleu {background:url(../images/porte_cle_bleu.png) no-repeat}
.vert {background:url(../images/porte_cle_vert.png) no-repeat}	
.porte_cle .lien_porte_cle{font-size:12px;text-decoration:none;color:#000;display:block;height:65px;width:236px;padding-top:17px}
.libelle_lien_porte_cle {height:30px;width:100px;display:block;margin-left:15px;text-align:right}
.rouge .libelle_lien_porte_cle {font-weight:bold;font-size:14px}
.lien_porte_cle:hover {display:block;height:65px;width:240px}
.demande {color:#fc0404;height:30px;width:100px;display:block;margin-left:15px;text-align:right}
.lien_porte_cle:hover .libelle_lien_porte_cle{text-decoration:underline}
#porte_cle .lien_porte_cle:hover .demande{text-decoration:none}
.first_child:hover {margin-top:20px}
/*FOOTER 
========================================================================================*/
#footer {clear:both;height:438px;width:1024px;margin:0 auto}
#haut_footer{ height:80px; width:1024px; margin:0 auto;background:url(../images/haut_footer.png) no-repeat;}
#bas_footer {height:358px;width:1024px;margin:0 auto;background:url(../images/bas_page.jpg) no-repeat;text-align:left;padding:0 0 0 0;position:relative}
#lien_haut_footer {height:27px;margin:0 0 0 200px;text-align:left;font-size:11px}
.lien_haut_footer_last, .lien_haut_footer{display:block;height:auto;margin-top:9px;float:left}
#lien_haut_footer .lien_haut_footer_last a {border:none}	
#lien_haut_footer a{font:11px Arial, Helvetica, sans-serif;color:#ffffff;text-decoration:none;white-space:nowrap;width:auto;padding-right:8px;padding-left:8px;	display:block;border-right:1px solid white}
#lien_haut_footer a:hover{text-decoration:underline}
#lien_haut_footer .separateur_lien{border-right:1px solid #ffffff;font-size:8px;height:12px;width:1px}
#lien_haut_footer .separateur_lien:last-child{border-right:none}
#content_milieu_footer {width:494px;height:280px;margin:0 0 0 309px;padding:0}	
#milieu_footer {width:295px;height:300px;margin:30px 0 0 0;float:left;text-align:left}
#milieu_footer #texte_haut {text-align:left}
#milieu_footer #texte_haut p{margin-bottom:0.33em;text-align:left;font-size:13px;color:#ffffff;font-weight:bold}
#milieu_footer #texte_milieu{margin-top:25px;text-align:left}
#milieu_footer #texte_milieu p{margin-bottom:5px;text-align:left;font-size:11px;color:#ffffff;font-weight:normal;}
.copyright{margin-top:5px;text-align:left}
.copyright p{font-size:10px;color:#ffffff;font-weight:normal}
#texte_bas{position:absolute;bottom:10px;width:100%;text-align:center;color:#ffffff}
#texte_bas a{font-size:10px;color:#ffffff;font-weight:normal;text-decoration:none}
#texte_bas a:hover{text-decoration:underline}
#lien_ville {float:left;width:195px;height:225px;margin-top:105px;font:12px;text-align:right}
#lien_ville a{font-weight:normal;font-size:10px;color:#ffffff;text-decoration:none}
#lien_ville a:hover{text-decoration:underline}
/*PLAN DU SITE 
========================================================================================*/
.contenu ul{
	margin-left:20px
}
.contenu ul li{
	 color:#5c5c5c;font-size:13px;font-family:Verdana, Geneva, sans-serif;font-weight:normal;margin:0;padding:0; line-height:19px 
}