html,body {
	margin:0;
	padding:0;
	background:#18027a url("images/fond.gif") repeat-x;
	font-family:arial,sans-serif;
	font-size:small;
	color:#000000;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

a
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
	font-size: 10pt;
}


.champs {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;
	border: 0;
}

div#container {
	position:relative;
	margin:0 auto;
	width:902px;
	background: #FFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	position:relative;
	padding:0em;
	height:455px;
	background: url(images/sous_bandeau.gif) no-repeat bottom;
}

div#menu_haut {
	width: 902px;
	height: 100px;
	background: url("images/menu_haut.jpg") no-repeat;
}

div#menu_haut2 {
	width: 902px;
	height: 40px;
	background: url("images/menu_haut2.jpg") no-repeat;
}

div#logo {
	float: left;
	width: 902px;
	height: 100px;
	background: url("images/logo.gif") no-repeat;
}

div#menu {
	float: left;
	width: 562px;
	height: 100px;
}

div#menu2 {
	float: left;
	width: 902px;
	height: 100px;
}

div#content {
	padding:2.5em 0em 5em; /* bottom padding for footer */
	background: url("images/fond_contenu.gif") repeat-x;
	color: #333;
	text-align: center;
	width: 902px;
}

div#footer {
	position:absolute;
	width:100%;
	height:32px;
	bottom:1; /* stick to bottom */
	background:url("images/bas_page.gif") repeat-x;
	text-align: ;
}

div#copy {
	position:absolute;
	color: #333;
	width:100%;
	height: 18px;
	bottom:0; /* stick to bottom */
	text-align: right;
	z-index: 1;
}

div#bandeau {
	height: 351px;
	width: 902px;
}

div#menu_bas {
	height: 5px;
	width: 902px;
	background: #000000;
}

div#titre {
	float: left;
	text-align: center;
	padding-top: 12px;
	font: bold 26px "Trebuchet MS",Arial,sans-serif ;
	width: 0px;
	height: 0px;
}

div#formu {
	float: left;
	width: 280px;
	height: 69px;
	padding-top: 10px;
}

#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none;	
}

#navigation li {
	float: left ;
	height: 100px;
	color: #fff;
}

#navigation li a {
	display: block ;
	color: #FFF;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #FFF;
	text-decoration: none;
	background: url(images/fond_menu.gif) repeat-x;
	background-position: 0px 0px;
}
.m:hover {
	color: #FFF;
	background: url(images/fond_menu.gif) repeat-x;
	background-position: 0px 0px;
}

.space {
	height: 0px;
	visibility: hidden;
}

#envoyer {
	position: absolute;	
}

h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
}
.rent_buy {
	background: url(images/rent_bt.png);
	width: 268px;
	height: 216px;
	position: relative;
}
.rent_buyP1 {
	background: url(images/fond_rentp1.gif);
	width: 268px;
}
.to_rent {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #717171;
	position: absolute;
	top: 5px;
	left: 35px;
}
.to_ref {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #717171;
	position: absolute;
	top: 200px;
	left: 160px;
}
.txt {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
.more {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fc9f10;
	text-align: right;
	margin: 0px;
}
.liensMore {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fc9f10;
	text-decoration: none;
}
.liensMore:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
.copy {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
}
#resol {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:fixed;
	font-size: 10px;
	width:230px;
	top:0px;
	left:1280px;
	margin:0 auto;
	background:#bfc6d9;
	text-align:center;
} 

#resol h1 {
	background:none;
	font-size: 15px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border: 0px;
} 

#resol h2 {
	font-size:10px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border:0px;
	background:none;
}








/*
Design by Sydur Rahman
*/


<!-- Start  STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:100%;}
ul.pureCssMenu ul ul{position: absolute;left:100%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	width: 897px;
	margin:0px;
	list-style:none;
	padding:0px 3px 3px 0px;
	background-color:#a5c3ab;
	background-repeat:repeat;
	border-color:#a5c3ab;
	border-width:01px;
	border-style:ridge;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	position:absolute;
	z-index: 1000;
	left: 100;
	top: 200;
}
* HTML ul.pureCssMenu {position:absolute}
ul.pureCssMenu ul{
	width:140px;
}
ul.pureCssMenu li{
	display:block;
	margin:3px 3px 3px 3px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#255F3C;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 14px Arial;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#1BC959;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#1BC959;
	border-color:#1BC959;
	border-style:solid;
	font:normal 14px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#1BC959;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 14px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:14px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arrow_sub5.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arrow_sub5.gif)}
</style>
<!-- End  STYLE -->