html, body,table,div {
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color:#000000;
}

body{
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background:#FFFFFF url('../images/bg-body.gif') repeat-x;
	/*
	font: 80% verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	
	color:#2B3856;
	font-size: 10pt;
	scrollbar-face-color: #CCCCCC;
    scrollbar-shadow-color: #EAEAEA;
    scrollbar-highlight-color: #79B3E1;
    scrollbar-3dlight-color: #79B3E1;
    scrollbar-darkshadow-color: #7D7D7D;
    scrollbar-track-color: #EAEAEA;
    scrollbar-arrow-color: #000000;
	*/
	overflow-x: hidden;
}
p{
	text-align: left;
	padding: 5px;
	font-size: 11px;
}
#container { 
	position: relative; 
	margin: 0 auto; 
	text-align:left; 	 
	height:1400px;
	overflow: hidden;
	width:100%
} 

#haut{
	 position:absolute;
	/*background:url('../bgh.gif') repeat-x;*/
	 background: url('../images/bgh_haut.jpg') repeat-x;
	 width: 100%;
	 /*
	 max-width: 100%
	 min-width: 1024px;
	 */
	 height:190px; 
	 top:0px;
	 left:0px;
}
#hautdroit{
	 position:absolute;	
	 top:10px;
	 right:30px;
	 width: 180px;
	 height:22px; 
	 border:0px dotted #FF0000;
	 color:#ffffff;
	 z-index: 5;
}

#ban{
     position:absolute;
	 top: 25px;
	 left: 290px;
}
#menu{
	 position:absolute;	 
	 top: 135px; 
	 height: 60px;
	 width: 780px;
	 left: 228px;	 	 	
	 font-style: normal;
	 font-variant: small-caps;
	 font-size: 10px;
	line-height: 22px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	 z-index: 100;
}

#nav-menu ul {
	 margin:0px;;
	 padding:3px;
	 list-style-type:none;
	 text-align:center;
 }
#nav-menu li {
	 float:left;
	 margin:1px;
	 padding:1px;
	 background-color:#0033FF;
	 background:url('../images/menu.gif') no-repeat;
	 font-weight: bold;
 }
#nav-menu li a {
	 display:block;
	 height: 35px;
	 color:white;
	 text-decoration:none;
	 padding:1px;
 }
#nav-menu li a:hover {
	color:#E6E6E6;
 }
 
#ombre0
{
position:relative;	
top:5px;
left:0px;
width: 220px;	 
z-index: 1;
}
#ombre1
{
position:relative;	
top:0px;
left:0px;
width: 220px;	 
z-index: 4;
}

#phagent
{
position:relative;	
top:20px; /*2*/
z-index: 3;
}
#immo
{
position:relative;	
top:10px;
left:10px;
color:#cc0000;
font-weight:bold;
z-index: 5;
}
/*
#gauche{	 
 position:relative;	

	 width: 220px;	 
	 top: 78px;	 
	 height: 1000px;	 
	 left: 20px;
	 border: 0px solid #b5b3b3;
	 z-index: 0;
}
*/
#gauche{	 
	 position:absolute;	
	 width: 220px;	 
	 top: 78px;	 
	 height: 1000px;	 
	 left: 20px;
	 /*
	 border: 0px solid #b5b3b3;
	 */
	 z-index: 0;
	 
}
#gcentre{
	 position:absolute;
	 top: 190px;/*220*/
	 height: 1055px;
	 width: 700px;
	 left:240px; 
	 padding:10px;
	 border: 1px solid #eee;
	 /*background-color: #ffffff;	 */
}
#centre{
	 position:absolute;
	 background-color: #FFFFFF;
	 top: 285px;
	 height: 1035px;
	 width: 600px;
	 padding:10px;
	 left:370px; /*150+220*/
 	 border-left-width: 1px solid #000099;
}
#p0gauche{
	position:absolute;
	background-color: #eee;	
	border: 1px solid #ddd;
 	top: 280px;
	left: 0px;
	width: 340px;	
	height: 780px;	
	padding:5 px;
	margin:0px 10px 0px 10px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 12px;
	text-align: left;
 	vertical-align: top;
	color: #000000;
}

#p0centre{
	position:absolute;
	background:#eee; 
	border:1px solid #ddd;
	top: 280px;	
 	right: 0px;
	padding:5px;
	margin:0px 10px 0px 0px;
	height:780px;
	width: 340px;
 	vertical-align: top;	 	
}

#inscription{
	position:absolute;
	background-color: #FFFFFF;		 
	border: 1px solid #ddd;
	top: 0px;
	left:0px;
	width: 350px;	 
	height:1035px;
 	overflow: auto; 
	padding:5px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}


#photos{
	position:absolute;
	 background-color: #FFFFFF;	
 	 top: 0px;
	 right:0px;
	 width: 340px;
 	 vertical-align: top;	
	 border: 1px solid #ddd;
}


#p0droite{
	position:absolute;
	 background-color: #5C6CA3;	
 	 top: 290px;
	 left: 515px;
	 height:350px;
	 width: 250px;
 	 vertical-align: top;	 
	 border: 1px solid #EEBE66;
}

#bas{
	  position:relative;    
	  bottom: 0px;	  
  	  text-align: center;
	  font-size: 10px;
	  font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	  z-index: 55;
}


.clear {
	height: 31px;
	clear: both;
}

a img {
	border: none;
}

#logo{
	 position:absolute;
	 top: -85px;
	 left: -12px;
}

#topdroite{
	 position:absolute;
	 top: 90px;
	 left: 950px;
	 border-bottom: 1px solid #AEAEAE;
}

A:link 
{
	 	font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: none; 
		color: #004080;
}
A:visited 
{
		font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: none; 
		color: #004080;
}
A:hover 
{
		font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: underline; 
		color: #cc0000;
}
A.menuhaut:link 
{
	 	font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: none; 
		color: #ffffff;
}
A.menuhaut:visited 
{
		font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: none; 
		color: #ffffff;
}
A.menuhaut:hover 
{
		font-family: verdana,arial, helvetica, geneva, sans-serif; 
		font-size: 8pt; 
		text-decoration: underline; 
		color: #ffffff;
}

#coordonnees{
    position:absolute;
	top: 50px;
	right: 0px;
	height:350px;
	width: 190px;
 	vertical-align: top;	 
	background-color: #EBEBEB;
	border: 1px solid #9B9B9B;
	text-align: left;
	vertical-align: top;
	padding:5px;
}

#fcoordonnees{
	position:absolute;
	top: 60px;
	left: 5px;
	height:350px;
	width: 500px;
 	vertical-align: top;	 	
	text-align: left;
	vertical-align: top;
}
#carte{
	position:absolute;
	top: 260px;
	left: 5px;
}
#serendre{
	position:absolute;
	top: 820px;
	left: 5px;
}
h1{
	color:#cc0000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 11pt;
}
h2{
	color:#004080;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 10pt;
	line-height: 8px;
}

img.floatRight { 
    float: right; 
	clear: right; 
    margin: 4px; 
}
img.floatLeft { 
    float: left; 
	clear: left; 
    margin: 4px; 
}

.tcal{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 10px;
	font-weight: bold;
	color: #004080;
	text-align: right;
	padding: 2px;
}
.cal{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 10px;
	font-weight: bold;
	color: #004080;
	text-align: left;
	padding: 1px;
}

label{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;	
	font-size: 11px;
	font-weight: bold;
	color: #004080;
	padding: 0px;
	text-align: left;
}
.titrerougep{
	color: #cc0000;
	font-weight: bold;
}
.texte{
	font-size: 12px;
	line-height:20px;
}

#inforagent{
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
	border:1px solid #eee;
}
#inforagent2{
	position:absolute;
	right:0px;
	top:0px;
	width:120px;
	text-align: right;
}
.description-prop{
	border: 1px solid #EDE7D1;
	padding-left: 10px;
	padding-right: 10px;
	background: #eee;
	color: #330000;
	font-size: 12px;
	line-height:15px;
	font-family: arial;
}
.titre-prop{
font-family: verdana;
color: #cc0000;
font-weight: bold;
text-align: left;
}
.stitre-prop{
font-family: verdana;
color: #ffffff;
background: #B30000;
font-weight: bold;
text-align: left;
}
.prixchoix{
	font-family: arial;
	font-weight:bold;
	color:#FF0000;
	font-size:12pt;
}

.nomprenoms{ 
	font-family: arial;
	font-weight:bold;
	color:#D20000;
	font-size:11pt;
}

.cellulaire{ 
	font-family: arial;
	font-weight:bold;
	color:#000000;
	font-size:11pt;
}

/*Infobulle*/
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:25; 
	color: #000000; 
	background:;
}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
text-decoration:none;
   /* top:0px; left:0;*/
    top:0px; right:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url('../images/infobul.png') no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url('../images/backbul.png') repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url('../images/infobul.png') no-repeat bottom;
}