html,body{background-color:#fff;font-family:Arial, "sans serif";color:#5c5b5b;margin:0;padding:0;font-size:13px;}
img{border:0;}
form{margin:0;}
a{color:#00a7ff;text-decoration:none;}
a:hover {color:white;text-decoration:underline ;}
.fLeft{float:left;}

#global{width:1000px;margin:auto;margin-top:27px;background:#e1e1e1 url("http://www.lalonde-immobilier.fr/images/fond_global.png") repeat-x top left;}

#imagehaut1{width:1000px;height:108px;border: 0px solid #e6cfcd;background:url("http://www.lalonde-immobilier.fr/images/header.png") no-repeat top left;}

#menuhaut ul{list-style:none;margin:0px;padding:0px;}
#menuhaut ul li{float:left;margin:0px;padding-right:5px;}

#bloc{width:1000px;background-color:#f0f0f0;background:url("http://www.lalonde-immobilier.fr/images/maquette_nu_11.png") repeat;margin:0;}

#gauche{width:200px;float:left;border: 0px solid red; background:url("http://www.lalonde-immobilier.fr/images/maquette_nu_05.png") no-repeat top;}
#sousgauche{min-height:300px;height:auto !important;height:300px;width:190px;padding-left:0px;padding-top:20px;margin:0px;background:#dcdcdc url("http://www.lalonde-immobilier.fr/images/fond_menu_g.png") repeat-x top left;position:relative;}

#droite{width:800px;float:left;border: 0px solid red;background:url("http://www.lalonde-immobilier.fr/images/maquette_nu_12.png") no-repeat top;}
#sousdroite{min-height:300px;height:auto !important;height:300px;width:790px;float:left;padding-left:0px;padding-top:15px;border: 0px solid #e6cfcd;}

.large_part{width:530px;float:left}
.tight_part{width:195px;float:left;padding-top:40px;margin-left:10px;}
	.tight_part h1{font-weight:bold;color:#fff;font-size:1em;}
	
	a.estimation_home{display:block;background:url("http://www.lalonde-immobilier.fr/images/sigle_euro.png") no-repeat bottom right !important; background:url("http://www.lalonde-immobilier.fr/images/sigle_euro.gif") no-repeat bottom right; font-size:24px; padding:5px; margin-top:35px;color:#4487cb}	
	a.estimation_home:hover{color:#4487cb;text-decoration:none;}

.bluenorm{color:#4487cb;font-weight:bold;font-size:1.2em;}

.logo_head{padding:30px;}
.logo_head a{font-size:3em;color:#fff;font-weight:bold;}
.logo_head a:hover{text-decoration:none;}
.logo_head .baseline{display:block;}

#menu{
position:absolute;
width:250px;
height:49px;

top:-45px;
background:url("http://www.lalonde-immobilier.fr/images/maquette_nu_102.png") no-repeat;}

#menu_build{

position:relative;
background:url("http://www.lalonde-immobilier.fr/images/maquette_nu_104.png") repeat-y;
margin-left:20px;}


#menu_estimation {
width:202px;
height:150px;
padding-top:10px;
background-color:#676767;
position:relative;
top:10px;
margin-left:20px;
font-family:'Verdana';
font-size:26px;
text-align:center;
color:#90c4e8;
cursor;hand;cursor:pointer;overflow:hidden;}

#contact {
width:202px;
height:65px;
padding-top:5px;
background-color:#676767;
position:absolute;
top:15px;
left:60px;
margin-left:20px;
font-family:'Verdana';
font-size:11px;
text-align:center;
color:#90c4e8;
font-weight: bold;
cursor;hand;cursor:pointer;overflow:hidden;}

.imagelien_loc{display:block;background:url("http://www.lalonde-immobilier.fr/images/location_saisonniere.png") no-repeat top center !important;background:url("http://www.lalonde-immobilier.fr/images/location_saisonniere.gif") no-repeat top center;width:238px;height:10px;padding-top:210px;text-align:center;font-size:1.4em;}
.imagelien_vte{display:block;background:url("http://www.lalonde-immobilier.fr/images/vente_immobiliere.png") no-repeat top center !important;background:url("http://www.lalonde-immobilier.fr/images/vente_immobiliere.gif") no-repeat top center;width:258px;height:10px;padding-top:210px;text-align:center;font-size:1.4em;}




#footer{clear:both;width:1000px;height:124px;margin:0;padding:0;position:relative;text-align:center;background: url("http://www.lalonde-immobilier.fr/images/footer.png") no-repeat center top !important;background:url("http://www.lalonde-immobilier.fr/images/footer.gif") no-repeat center top;}

#footer ul{list-style:none;margin:0;padding:0;}
#footer ul li{float:right;margin:0;padding:0;}

#footer ul li a{display:block;float:left;height:12px;padding-top:1px;padding-bottom:2px;padding-left:1px;padding-right:1px;text-decoration:none;color:#0000fe;border-bottom:3px solid transparent}
#footer ul li a:hover{border-bottom:3px solid #0000fe}
#footer ul li a.selected{border-bottom:5px solid #0000fe}


.infos_footer{text-align:center;position:absolute;bottom:-60px;background:#fff;width:1000px;left:50%;margin-left:-500px;}
.liens_baspage{position:absolute;bottom:50px;right:50px;}
.liens_baspage ul{margin:0;padding:0;}

#infos_footer_liens{font-size:0.8em;color:#676767;font-weight: bold;}
#infos_footer_phrase{text-alig:center;margin-top:13px;font-family:'Verdana';font-size:9px;}
.ahref_infos_footer_liens {color:#676767;font-weight: bold;}
.ahref_infos_footer_liens:hover{color:#4487cb;}

#logo_boite_immo {
margin-top:1px;
}

/*Moteur de recherche */
.case{float:left; margin:5px 2px 0px 2px;}
.boxrecherche{padding-top:0px; position:relative; width:190px;height:29px;margin:0;margin-left:5px;}


/************************************************* CSS pour la rubrique Alerte Mail fichier template_AlertemailIndex.mxt */
.grand_titre_rouge{color:#d4021d;font-size:1.3em;text-align:right;border-bottom:3px double #333}
.alertemail_contenu{float:right;}
#alertemail_contenu p {font-family: Arial, Helvetica, sans-serif;
color:#181617;
font-size: 12px;
text-decoration: none;
font-weight: bold;
background-color:white;}
#formulaire_alertemail table tr td{margin:5px;padding:5px;}

/************************************************* CSS pour la rubrique Plan du site fichier template_PlandusiteIndex.mxt */

#image_plan {
display:block;
margin:10px;}

#corps_redactionnel_plan  {
margin:5px;
padding:5px;
border:0px solid #a4a4a4;
width:620px;
text-align:justify;
font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;
}

/************************************************* CSS pour la rubrique Mentions legales fichier template_MentionslegalesIndex.mxt */

#image_mentions_legales {
display:block;
margin:2px;}

#corps_redactionnel_mentions_legales {
margin:5px;
padding:5px;
border:0px solid #a4a4a4;
width:620px;
text-align:justify;

font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;
}

#contact_mentions_legales {
width:620px;
font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;
text-align:right;
}

/************************************************* CSS pour la rubrique Contact fichier template_ContactIndex.mxt */

#image_contact {
display:block;
margin:1px;}

#corps_redactionnel_contact {
margin:0px;
padding:0px;
border:0px solid #a4a4a4;
width:300px;
text-align:justify;
font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;}


#corps_formulaire_contact {
margin:5px;
padding:5px;
border:0px solid #a4a4a4;
width:620px;
font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;}

#item_formulaire_contact {
font-family:Arial, "sans serif";
font-size: 12px;
text-decoration: none;
color:#4d8ccc;
}

#espace_contact {
width:500px;
margin:5px;
text-align:left;}

#adresse_contact {
padding-bottom:10px;
text-align:center;}

.form_row_left{}
.title_row{}

.contactinput{
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;}

.contacttextarea{
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;}

#contactenvoyer{
width:606px;
text-align:right;}
.contactenvoyer{
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;
text-align:center;}

/************************************************* CSS pour la rubrique Estimation fichier template_EstimationIndex.mxt */
#image_estimation {
display:block;
margin:10px;}

#corps_redactionnel_estimation  {
margin:5px;
padding:5px;
border:0px solid #a4a4a4;
width:620px;
text-align:justify;
font-family:Arial, "sans serif";
color:#818181;
font-size: 12px;
text-decoration: none;}


#item_formulaire_estimation {
font-family:Arial, "sans serif";
font-size: 12px;
text-decoration: none;
color:#4d8ccc;
}


.estimationinput {
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;}

#corps_formulaire_estimation {
margin:5px;
padding:5px;
border:0px solid #a4a4a4;
width:250px;
}

#estimationenvoyer{
width:300px;
text-align:right;}
.estimationenvoyer{
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;
text-align:center;}

.estimationtextarea{
BORDER-RIGHT: #a4a4a4 1px solid;
BORDER-TOP: #a4a4a4 1px solid;
BORDER-LEFT: #a4a4a4 1px solid;
BORDER-BOTTOM: #a4a4a4 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
FONT: 7pt Tahoma, Arial;
COLOR: #a4a4a4;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f3f3f3;}

/************************************************* CSS pour la rubrique Explorer fichier template_ExplorateurIndex.mxt */

/************************************************* CSS pour la rubrique Annonce fichier template_Mesbiens_VoirAnnonce.mxt */
.detail_annonce {padding:0px 2px 3px 8px;margin-bottom:2px;
color:#181617;font-size: 12px;text-decoration: none;width:630px;position:relative;background:#676767;}

.liste_location {padding:10px;color:#181617;font-size: 12px;text-decoration: none;width:630px;position:relative;background:#676767;width:95%;}
.liste_location table{background-color:#9ab8dc}
.liste_location table th{border-bottom:3px double #181617;background:url("http://www.lalonde-immobilier.fr/images/degrade_head_table.png") repeat-x bottom left; font-size:9px;}
.liste_location table td{border-bottom:1px solid #bbb;  font-size:9px;}
.liste_location table tr.clair td{background:#c5d6eb;}

#grandeimage {float:left;margin:0px;padding:0px;}


.redactionnel{background:#9ab8dc;padding:10px;}

.titre_detail_annonce{}
.btn_back_annonce{color:white;}
.contenu_annonce{}
.btn_situation{color:white;}
.contenu_petite_image{height:85px;float:left;}
.petite_image_annonce{float:left;display:block;width:80px;height:80px;border:2px solid #999; margin-right:5px;}
.petiteimage{float:left;display:block;width:80px;height:80px;border:2px solid #42650b; margin-right:5px;}

.grande_image_annonce{margin-bottom:5px;}
.grande_image_annonce img{border:3px solid #999;}
.entete_annonce{color:#636363;font-weight:bold;padding:5px 5px 5px 0px;}
.corps_detail_annonce p{color:#cccccc;padding:10px;margin-top:10px;font-size:1.2em;}
.corps_detail_annonce table{background:#e4e4e4;color:#636363;padding:5px;margin-top:10px;}



.annonce_add_cat{border-bottom:1px padding:2px;margin-top:5px;font-weight:bold;color:#90c4e8;font-size:1.2em;}
.annonce_add{padding:2px;font-size:1.2em;}

.toggler_detail{display:block; margin-bottom:5px; margin-top:5px; color:#fff; padding:11px 3px 3px 3px; text-decoration:none;height:17px;}
a.toggler_detail{color:#fff;}
.info_bien_detail{background:transparent url("http://www.lalonde-immobilier.fr/images/illustration_renseignements.gif") no-repeat right bottom;}
.phone_bien_detail{background:transparent url("http://www.lalonde-immobilier.fr/images/illustration_tel.gif") no-repeat right bottom;}
.print_bien_detail{background:transparent url("http://www.lalonde-immobilier.fr/images/illustration_print.gif") no-repeat right bottom;height:20px;padding:9px 3px 3px 3px;}

/************************************************* CSS pour la rubrique Location fichier .mxt */
.tarif_saisonniere{border-bottom:1px solid #34c3ff; padding:3px; text-decoration:none;height:15px; color:#34c3ff;}
.equipement_saisonniere{border-bottom:1px solid #34c3ff; padding:3px; text-decoration:none;height:15px; color:#34c3ff;}
.detail_saisonniere{border-bottom:1px solid #34c3ff; padding:3px; text-decoration:none;height:15px; color:#34c3ff;}
.info_saisonniere{border-bottom:1px solid #34c3ff; padding:3px; text-decoration:none;height:15px; color:#34c3ff;}

.contour td,table { color: #5E5E5E; font-size: 11px; font-family: verdana,arial,sans-serif; }
.contour {  border: solid 1px #c5c5c5 }
.textref { font-size: 10px;  }
/* COULEURS SAISONS */
.sais0     { color: #f5f5f5; font-size: 9px; background-color: #c0c0c0 }
.sais1   { text-decoration: none; font-size: 9px; background-color: #87cefa }
.sais2  { text-decoration: none; font-size: 9px; background-color: #90ee90 }
.sais3   { text-decoration: none; font-size: 9px; background-color: #f0e68c }
.sais4  { text-decoration: none; font-size: 9px; background-color: #FFB97C }
.sais5  { font-size: 9px; text-decoration: none; background-color: #ff7973 }


/************************************************* CSS pour listing annonce */
.bla_all{background:#fff;border:1px solid #9e9eb2;height:160px;margin:10px;}
	.bla_head{padding:5px;background:#e4e4e4; color:#636363}
		.bla_prix{float:right;}
		.bla_titre{font-weight:bold;display:block;}
	.bla_body{padding:0px;}
		.bla_image{height:113px;overflow:hidden;width:150px;margin:5px;}
		.bla_corps{float:right;width:390px;text-align:justify;margin:0px 10px 0px 20px;}
		.bla_corps a{font-size:0.8em;text-align:right;}




	/*
			Vertical Accordions
		*/
		
		.imagemenu{color:black;background:url("http://www.lalonde-immobilier.fr/images/image_menu.png") no-repeat top right;width:67px;height:20px;}
		
		#accordion{width:180px;height:220px;margin-left:20px;}
		
		a.sim_toggle{
			display: block;
			height: 30px;
			width: 150px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #000;
			font-weight: bold;
			text-decoration: none;
			text-align:left;
			text-transform:capitalize;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #6e9fd1;
			cursor: pointer;
			margin: 0 0 0 0;		
		}
		
		a.sim_toggle:hover{text-decoration:none;color:#000;}
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 150px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			text-align:left;
			text-transform:capitalize;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #6e9fd1;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			/*background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
			background-color:#f0f0f0;
			color: #000000;
			border-bottom: 1px solid #ffffff;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			display:none;
			width:165px;
			padding:0px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 2px 15px 10px;
			}
			
			.accordion_content ul{margin:0;padding:10px;list-style:disc inside;}
			.accordion_content li a{color:#555; text-transform:capitalize;}
			.accordion_content li a:hover{color:#bbb;text-decoration:none;}
			


/****************************PAGE LISTE DES TYpeS**/
.contentlisteall{ margin:10px;}
.listall_block{border-left:5px solid #9ab8dc; padding-left:10px; clear:both; margin-bottom:10px; min-height:70px;}
.listall_block h1{font-size:17px; border-bottom:2px solid #eee; margin-top:0;}
.listall_block p{background:#eee;margin:2px;font-size:10px;padding:8px; margin-right:220px;}
.listall_tarif{float:right;background:#676767 url("images/fond_tarif.png") no-repeat center center;width:180px;height:40px; font-size:17px; padding:10px; color:#fff; text-align:center;}
.listall_block ul{ list-style:none; margin:0;padding:0;}
.listall_block ul li{float:left; margin:5px;}

#DPE_big {
    display: none;
    height: 180px;
    right: 0px;
    position: absolute;
    top: 30px;
    width: 197px;
    z-index: 20;
}

#DPE_small {
    height: 30px;
    left: 0px;
    width: 30px;
    z-index: 10;
    background:transparent url(/external/img/sites/dpe/DPE-icone-30.png);
_background: transparent;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/external/img/sites/dpe/DPE-icone-30.png', sizingMethod='crop');
}

