@charset "utf-8";
html, body {
	width:100%;
	background:#222222;
}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:78%;
}

h1, h2, h3, h4, h5, h6 { 
    margin-top: 1.25em;
    margin-bottom: .5em;
	clear:both;
} 

h2 {
	font-size:2em;
	color:#cc3f8d;
}

h3 {
	font-size:1.45em;
	color:#cc3f8d;
	font-weight:normal;
}

h4 {
	font-size:1.2em;
	font-weight:normal;
	color:#666666;
}

.first {
	margin-top:.2em;
}

ul, ol, p { 
    margin-top: .75em; 
    margin-bottom: .75em; 
}

li {
	list-style-image:url(../images/puce.gif);
}

a {
	text-decoration:none;
	color:#cc3f8d;
}

a:hover {
	color:#39c;
	text-decoration:underline;
}

p.erreur {
	padding:10px 10px 10px 36px;
	color:#c33;
	background:#fcc url("../images/error.png") no-repeat 10px center;
	font-size:0.9em;
	border-top:1px solid #c33;
	border-bottom:1px solid #c33;
}

p.ok {
	padding:10px 10px 10px 36px;
	color:#690;
	background:#e6ff9a url("../images/ok.png") no-repeat 10px center;
	font-size:0.9em;
	border-top:1px solid #690;
	border-bottom:1px solid #690;
}

#global {
	background:#c8d431 url(../images/halo_bg.png) top center no-repeat;
}

#global2 {
	width:960px;
	margin:0 auto;
}

#header {
	height:230px;
	position:relative;
}

#header h1 { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

#header img.logo {
	position:absolute;
	top:0;
	left:0;
}

#breadcrumb {
	position:absolute;
	top:193px;
	left:250px;
	font-size:.9em;
	color:#666;
}

#footer {
	color:#fff;
	background:#222 url(../images/footer_bg.png) top repeat-x;
	height:155px;
	padding:1px;
	font-size:.9em;
}

#footer p {
	text-align:center;
	margin-top:1.5em;
}

#footer a {
	color:#fff;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#content {
	overflow:auto;
}

#leftpane {
	width:245px;
	float:left;
}

.twocols {
	float:right;
	width:715px;
}

#clear {
	height:10px;
	clear:both;
	font-size:0;
}

.clear {
	font-size:0;
	clear:both;
}

/****************************************/
/* HOMEPAGE								*/
/****************************************/

.homepage {
	background:transparent url(../images/hp/homepage_content_bg.png) no-repeat;
	height:370px;
	position:relative;
}

#frame1, #frame2, #frame3, #frame4 { position:absolute;	left:60px; width:435px; cursor:pointer; }
#frame1 { top:24px; }
#frame2 { top:114px; }
#frame3 { top:204px; }
#frame4 { top:294px; color:#fff; }

.homepage h2 {
	margin:0;
	font-size:1.4em;
	color:#cc3f8d;
}

.homepage p {
	margin:0;
	text-align:justify;
}

#frame1 h2 { background:transparent url(../images/hp/qui_sommes_nous.gif) no-repeat; height:22px; width:150px; }
#frame2 h2 { background:transparent url(../images/hp/professionnel_immobilier.gif) no-repeat; height:22px; width:339px; }
#frame3 h2 { background:transparent url(../images/hp/editeur.gif) no-repeat; height:22px; width:175px; }
#frame4 h2 { background:transparent url(../images/hp/devis.gif) no-repeat; height:22px; width:175px; }

#frame1 h2 span, #frame2 h2 span, #frame3 h2 span, #frame4 h2 span { display: none; }

#map {
	position:absolute;
	top:0;
	right:0;
	width:390px;
	height:370px;
}

.flash-replaced .alt {	display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

/****************************************/
/* OFFRES CLE EN MAIN					*/
/****************************************/

#offres {
	position:relative;
	overflow:auto;
}

#offres h2 {
	margin-top:0;
}

#offre1 {
	width:322px;
	float:left;
}

#offre2 {
	width:322px;
	float:right;
}

#offre3 {
	clear:both;
	width:322px;
	float:left;
}

#offre4 {
	width:322px;
	float:right;
}

#offres .row {
	overflow:auto;
	position:relative;
	padding-bottom:35px;
	margin:20px 0;
	background:url(../images/offre_sep.png) repeat-y;
}

#offres p.btn {
	position:absolute;
	bottom:0;
}