
#fond {
	position:relative;
	width: 858px;
	height: 527px;
	margin: 0 auto;
	border:1px solid #000000;
}
#fond_autre {
	position:relative;
	width: 858px;
	height: 545px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-color:#0097AD;
	border:1px #000000 solid;
}

#fond_list {
	position:relative;
	width: 858px;
	margin: 0 auto;
	height:auto;
	border:1px #000000 solid;
	background-repeat: repeat-x;
	background-color:#0097AD;

}
#flash {
	position:relative;
	width: 858px;
	height:170px;
	border-bottom: 0px;
}
#menu {
	position:relative;
	width: 855px;
	height:140px;
	float:left;
	background-color: #0097AD;
	padding-left: 3px;
	
}
#menu1 {
	position:relative;
	float:left;
	width: 405px;
	height:140px;
	float:left;
	background-image: url(../images/bg2.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
}
#menu2 {
	position:relative;
	width: 204px;
	height:140px;
	float:left;
	background-image: url(../images/bg2.jpg);	
	background-position:bottom;
	background-repeat: repeat-x;
	
}
#menu3 {
	position:relative;
	width: 221px;
	height:140px;
	float:left;
	background-image: url(../images/bg2.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
}
#sep{
	position:relative;
	width: 6px;
	height:140px;
	float:left;
	background-color:#5D5C5C;
	background-image: url(../images/sep.gif);
}

#liste_adresse {
	position:relative;
	width: 838px;
	height:60px;
	float:left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	color:#ffffff;
	background-color:#0097AD;
}

#liste_adresse a {
	color:#ffffff;
}

#menu_liste {
	position:relative;
	float:left;
	width: 858px;
	height:20px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
}
#menu_tri{
	position:relative;
	width: 280px;
	padding-left: 20px;
	float: left;
}
#menu_sommaire{
	position:relative;
	width: 150px;
	padding-left: 0px;
	float: left;
	left: 0px;
}
#menu_biens{
	position:relative;
	width: 150px;
	padding-left: 20px;
	float: right;
}
#menu_page{
	position:relative;
	width: 130px;
	padding-left: 20px;
	float: left;
	color:#19099F;
}


#liste_details{
	position:relative;
	width: 720px;
	float:left;
	background-color:#ffffff;
}

#bas{
	position:relative;
	width: 853px;
	height:217px;
	float:left;
	padding-left: 2px;
	padding-right: 3px;
	background-color:#0097AD;

}
#bas1 {
	position:relative;
	float:right;
	width: 336px;
	height: 197px;
	float: right;
	background-image: url('../images/bas.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
}
#bas2 {
	position:relative;
	float:left;
	background-image: url('../images/fond_bas.jpg');
	width: 312px;
	height: 197px;
	float: right;
	background-color: #F5CCA0;
}

#bas3 {
	position:relative;
	float:right;
	width: 204px;
	height: 197px;
	float: right;
	background-color: #FFFFFF;
}
#img_center{
	position:relative;
	float:left;
	left:30px;
	top:8px;
}
#bloc_boutons {
	position:relative;
	float:left;
	padding-top:30px;
	padding-left:10px;
	color: #FFFFFF;
}
#boutton {
	position:relative;
	font-family: "Monotype Corsiva";
	font-size: 20px;
	color:#FFFFFF;
	width: 100%;
	height: 22px;
	padding-left: 10px;
}
#boutton2 {
	position:relative;
	font-family: "Monotype Corsiva";
	font-size: 20px;
	color:#FFFFFF;
	width: 100%;
	height: 22px;
	text-align:center;
}
#selection {
	position:relative;
	float:left;
	width: 70px;
	height: 22px;
}
#selection_mot {
 position:relative;
 float:left;
 width: 110px;
 height: 22px;
 text-align:right;
}
#centrage {
	position:relative;
	margin: 0 auto;
	height:50px;
	top:0px;
	text-align:center;
	width:200px;
	padding-top:8px;	
}
#localisation{
	position:relative;
	float:left;
	padding-left: 60px;
}
#bloc_txt_adresse {
	position:relative;
	float:left;
	margin: 0 auto;
	height:100px;
	text-align:center;
	width:300px;
	padding-top:0px;
	font-size: 11px;
	padding-left: 5px;
}
#accueil {
	position:relative;
	float:left;
	margin: 0 auto;
	height:90px;
	text-align:center;
	width:290px;
	padding-top:10px;
	font-size: 11px;
	padding-left: 10px;
	overflow:hidden;
}
#bloc_txt_adresse2 {
	position:relative;
	float:left;
	margin: 0 auto;
	text-align:left;
	width:850px;
	top:-20px;
	font-size: 11px;
	padding-left: 5px;
}
#frame {
	position:relative;
	width: 268px;
	float:left;
	left:10px;
	top:5px;
}
#form_recherche {
	position:relative;
	float:left;
	text-align:right;
	padding-top:30px;
	padding-right:0px;
	height:175px;
	width:100%;
}
#form1 {
	position:relative;
	width:200px;
	float:left;
	text-align:right;
	padding-top:5px;
	padding-right:0px;
	height:50px;
	padding-left: 5px;
}
#agence {
	position:relative;
	float:left;
	width:200px;
	text-align:center;
	}
#titre_nature {
	position:relative;
	COLOR: #454545;
	PADDING-LEFT: 20px;
	font-size: 18px;
	padding-bottom: 10px;
}
a.out_nature {
	background-position: 0px 0px; 
	display: block; 
	color: #000000; 
	background-repeat: no-repeat; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 16px;
}
.out_nature:hover {
	background-position: 0px 0px; 
	display: block; 
	color: #FFFFFF; 
	background-repeat: no-repeat; 
	background-color: #0097AD; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 16px;

}

#block_navigation {
	position:relative;
	width:250px;
	float: right;
	padding-top: 40px;

}

#text_afficher {
	position:relative;
	PADDING-LEFT: 20px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LINE-HEIGHT: 23px;
	left:150px;
	color:#000000;
}
#openmedia {
	position:relative;
	width:219px;
	float:left;
	padding-top:20px;
}
#out_rech {
	position:relative;
	BACKGROUND-POSITION: 0px 0px; 
	DISPLAY: block; 
	BACKGROUND-IMAGE: url(../images/bu_rech.gif); 
	WIDTH: 200px; 
	HEIGHT: 32px; 
	BACKGROUND-REPEAT: no-repeat; 
	cursor:pointer;
	font-size:16px;
	color:#000000;
	line-height:32px;
	font-family: "Monotype Corsiva";
	padding-left:34px;

}

#out_rech:hover {
	position:relative;
	background-image: url(../images/bu_rech_over.gif);
	TEXT-DECORATION: none;
}
#out_rech2 {
	position:relative;
	float:left;
	BACKGROUND-IMAGE: url(../images/bu_rech-1.gif); 
	WIDTH:180px; 
	HEIGHT: 30px; 
	BACKGROUND-REPEAT: no-repeat; 
	cursor:pointer;
	font-size:16px;
	color:#000000;
	line-height:32px;
	font-family: "Monotype Corsiva";
	padding-left:35px;
	z-index:10;
}
#out_rech2:hover {
	position:relative;
	background-image: url(../images/bu_rech_over-1.gif);
	text-decoration: none;
}

#flash_accueil{
	position:relative;
	float:left;
	width: 100%;
	text-align:center;

}
#out_send {
	position:relative;
    float:right;
	BACKGROUND-IMAGE: url(../images/envoyer.gif); 
	WIDTH: 65px; 
	HEIGHT: 24px; 
	COLOR: #000000; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #D0D0D0;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LINE-HEIGHT: 23px;
}

#text_rech {
	position:relative;
	COLOR: #000000;
	PADDING-LEFT: 40px;
	FONT-SIZE: 18px;
	font-family: "Monotype Corsiva";
	LINE-HEIGHT: 35px;
}
#text_rech hover {
	position:relative;
	COLOR: #ffffff; 
	PADDING-LEFT: 25px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	LINE-HEIGHT: 30px;
}

#liste-centre-01 {
	position:relative;
	float:left;
	left: 80px;
	top: 10px;
	width: 261px;
	height:154px;
	background-image:url(../images/liste_centre_01.jpg);
}
#bloc_vignette {
	position:relative;
	float:left;
	top: 0px;
	height:154px;
}
#liste-centre-03 {
	position:relative;
	float:left;
	left: 80px;
	top: 10px;
	width:243px;
	height:154px;
	background-image:url(../images/liste_centre_03.jpg);
}
#liste_camera {
	position:relative;
	width:180px;
	height:34px;
	padding-top: 5px;
}
#text_liste_01 {
	position: relative;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #000000;
	float: left;
	width: 500px;
text-align:left;
}
#text_liste_02 {
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
font-weight:bold;
	color: #000000;
	float: left;
	width: 280px;
	text-align: left;
}

#text_liste_email{
	position:relative;
	float: left;
	width: 420px;
	padding-top: 15px;
	padding-right: 10px;
	font-size: 16px
}
#text_liste_adresse{
	position:relative;
	float: left;
	width: 400px;
	font-size: 14px;
	background-color:#999999;
}

#text_openmedia {
	position:relative;
	float: right;
	width: 200px;
	font-size: 14px;
	text-align: right;
	padding-top: 10px;
	text-align:left;

}
#separation {
	position:relative;
	clear:both;
	height:15px;
}

#msg
{
	position:relative;
	font-weight:bold;
	font-size:13px;
	margin: 0 auto;
	text-align:center;
	vertical-align: middle;
padding-top:80px;
}
#msg2
{
	position:relative;
	font-size:13px;
	margin: 0 auto;
	width:200px;
}

#msgclient
{
	position:relative;
	font-weight:none;
	font-size:13px;
	padding-left:17px;
	text-align:justify;
	vertical-align: top;
	color:#ffffff;
}
#msgclient2
{
	position:relative;
	font-weight:none
	font-size:13px;
	margin: 0 auto;
	text-align:center;
	vertical-align: middle;
    color:#ffffff;
	
}
.image{
	position:relative;
left:1px;
}
.new {
	position:absolute; 
	text-align:left 
}

.block_recom{
	position:relative;
	float:left;
	width:880px;
	height:100px;
	height:auto;
}
.recomandation {
	position:relative;
	float:left;
	width:880px;
	text-align:center;
	height:30px;
}
#recomandation_btn {
	position:relative;
	float:right;
	height: 30px;
	width: 60%;
	padding-top: 30px;
	padding-bottom: 20px;
}

.recomandation_msg {
	position:relative;
	float:left;
	width:880px;
	text-align:center;
}
.label {
	position:relative;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
}
.end {
	clear:both;
}
#block_rappel {
	position:relative;
	float:left;
	width:280px;
	height:256px;
	background-color:#0097AD;
	color:#ffffff;
	padding-left:20px;
	padding-top:20px;
	top:4px;
	left:4px;
}
.contact_rappel{
	position:relative;
	float:left;
	width:280px;
	height:30px;
	text-align:center;
}
.contact_rappel_img{
	position:relative;
	float:left;
	width:280px;
	height:52px;
	text-align:center;
}
.rappel_label{
	position:relative;
	float:left;
	height:30px;
	width:140px;
}
#separaccueil
{
	position:relative;
	width: 840px;
	height:10px;
	margin: 0 auto;
	background-color: #0097AD;
	clear:both;
}
.texteAccueil {
	text-align:center;
}

/* CSS Original du site */
body {
margin-left: 0px;
margin-top: 0px;
background-color: #FFFFFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;

/* PARAGRAPHE DE TEXTE PAR DEFAUT */
p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
}

/* LIEN */
a {
font-size: 10px;
color: #014B6A;
font-weight: bold;
text-decoration: none;
}

/* LIEN - ROLLOVER */
a:hover {
font-size: 10px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

/* CLASSES STANDARDS */

	/* "Coup de coeur" (coupdecoeur_page.htm) et "Exclusif" (recherche.htm) */
	.TitreRouge {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	}
	
	/* liens "sélectionnez" */
	.selection {
	font-size: 12px;
	font-weight: bold;
	color: #737373;
	}


/* CLASSES UTILISEES PAR LES TABLEAUX DES MOTEURS STANDARDS */

	/* Cellule titre des tableaux */
	.tabTitre {
	background-color: #62AED3;
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
	/* fonds des tableaux */
	
	/* background */
	.tabFond1 {
	background-color: #ffffff;
	border-color: #000000;
	border-width: 0px;
	border-style: solid;
	padding: 2px;
	}
	
	/* petits tableaux imbriqués dans le tabFond1 */
	.tabFond2 {
	background-color: #D7EFFB;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	}
	
	/* classes de l'incl_moteur */
	
	.tabTitremini {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
	.tabFond2mini {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 2px;
	font-size: 10px;
	}
	
	.Form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}
	
	.minilien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}
	
	.minilien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
