/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: Verdana, Helvetica, Arial;
	background: #ddd;
	color: #373435;
	font-size: 11px;
}

body.prehome{
	background: url(../images/bg_home.jpg) repeat-x left top #ddd;
	padding-top: 154px;
}

img {
	border: none;
}

.illusg {
	margin: 0 10px 13px 0;
	float: left;
	border: 1px solid #333;
}

p {
	margin-bottom: 10px;
}

h1 {
	font-size: 13px;
	padding-bottom: 15px;
}

h2 {
	font-size: 12px;
	margin-bottom: 5px;
}

h3 {
	font-size: 11px;
	margin-bottom: 5px;
}

a:link, a:visited{
	text-decoration: none;
	color: #666;
}

a:hover {
	color: black;
}

.clear {
	clear: both;
}

.erreur, .vendu {
	color: red;
}

#page {
text-align: left;
width: 800px;
}

#nav {
width: 30px; 
float: left;
}

#nav a {
margin-bottom: 1px;
display: block;
height: 117px;
}

a.commercial {
background: url(../images/bouton_commercial_o.gif) no-repeat left top;
}

a:hover.commercial, a.sel.commercial {
background: url(../images/bouton_commercial.gif) no-repeat left top;
}

a.residentiel {
background: url(../images/bouton_residentiel_o.gif) no-repeat left top;
}

a:hover.residentiel, a.sel.residentiel {
background: url(../images/bouton_residentiel.gif) no-repeat left top;
}

#corps{
background: white;
margin-left: 30px !important;
}

* html #corps{
margin-left: 26px;
}

a span {
display: none;
}

/* Pre-home =================================================================*/

#commercial, #residentiel {
margin-bottom: 1px;
padding-left: 50px;
}

#commercial {
background: url(../images/bouton_commercial.gif) no-repeat 15px 15px #00692B;
}

#residentiel {
background:  url(../images/bouton_residentiel.gif) no-repeat 15px 15px #791A32;
}

#commercial ul, #residentiel ul {
list-style: none;
width: 750px;
padding-bottom: 10px;
}

#commercial ul li, #residentiel ul li  {
list-style: none;
float: left;
width: 158px;
margin: 10px 5px;
}

#commercial ul li a:link, #residentiel ul li a:link, #commercial ul li a:visited, #residentiel ul li a:visited  {
color: white;
}

#commercial ul li a:hover, #residentiel ul li a:hover  {
color: #CCC;
}

#commercial ul li a:link img, #residentiel ul li a:link img, #commercial ul li a:visited img, #residentiel ul li a:visited img {
border: 4px solid white;
margin-bottom: 4px;
display: block;
}

#commercial ul li a:hover img, #residentiel ul li a:hover img {
border: 4px solid #CCC;
}

li.button_home {
width: 45px !important;
}

li.button_home a {
display: block;
margin: 40px 0 0 5px;
height: 40px;
}

a.com {
background: url(../images/go_com_home.gif) no-repeat left top;
}

a:hover.com {
background: url(../images/go_com_home_o.gif) no-repeat left top;
}

a.res {
background: url(../images/go_res_home.gif) no-repeat left top;
}

a:hover.res {
background: url(../images/go_res_home_o.gif) no-repeat left top;
}

/* Entete =================================================================*/

#entete {
background: url(../images/bg_entete.jpg) no-repeat left top #393738;
padding-left: 32px;
}

#menu1 {
list-style: none;
float: left;
width: 455px;
margin-top: 2px;
}

#menu1 li {
list-style: none;
float: left;
margin-right: 3px;
}

#menu1 li a {
font-weight: bold;
display: block;
padding: 6px 7px;
background: #C9C9C9;
color: white;
}

#menu2 {
list-style: none;
margin: 10px 0 0 460px;
background: #393738;
height: 16px;
}

#menu2 li {
list-style: none;
float: left;
padding: 0 0 4px 0;
}

* html #menu2 li {
padding: 0;
}

#menu2 li a:link, #menu2 li a:visited {
color: white;
border-right: 1px dotted white;
padding:  0 8px;
background: #393738;
}

#menu2 li a.last {
border-right: 0;
padding-right: 0;
}

#menu2 li a:hover, #menu2 li a.sel {
color: #999;
}

#logo {
display: block;
}

/* Corps home =================================================================*/

#module_recherche {
	padding: 10px 90px 10px 20px;
	margin-bottom: 10px;
	height: 25px;
	}
	
#module_recherche h2 {
	display: inline;
	}
		
#module_recherche select {
	width: 200px;
	margin-left: 10px;
	}
		
a.rechercher {
	display: block;
	width: 18px;
	height: 18px;
	float: right;
	margin-top: 2px;
	}

#listing {
list-style: none;
width: 520px;
float: left;
}

#listing li {
list-style: none;
padding: 10px 0;

}

#listing li a {
display: block;
height: 120px;
padding: 0 20px 0 10px;
background: url(../images/bg_module_listing.gif) no-repeat bottom right;
}

#listing li a:hover {
background: url(../images/bg_module_listing_o.gif) no-repeat bottom right;
}

#listing img {
float: left;
margin: 0 10px 20px 5px;
border: 1px solid #D4D4D4;
width: 150px;
}

#listing h3{
padding-top: 5px;
}

.wrappagination {
text-align: right;
width: 520px;
}

ul.pagination {
font-size: 12px;
font-weight: bold;
list-style: none;
float: right;
margin-bottom: 10px;
}

ul.pagination li {
float: left;
margin: 0 2px;
list-style: none;
}

ul.pagination li.encours {
padding: 1px 2px;
border: 1px solid black;
color: black;
}

ul.pagination a:link, ul.pagination a:visited {
display: block;
background: #CCC;
color: #666; 
width: 10px;
padding: 1px 2px;
border: 1px solid #666;
}

ul.pagination a:hover {
background: black;
border: 1px solid black;
color: white; 
}

#capsules {
float: right;
margin: 10px 10px 150px 0;
background: url(../images/bg_capsules.jpg) no-repeat left top;
padding-top: 25px;
width: 190px;
}

#capsules p {
margin: 0 5px 10px 6px;
}

a.module_news {
display: block;
padding: 10px 40px 20px 5px;

margin: 0 0 20px 0;
background: url(../images/bg_module_listing.gif) no-repeat bottom right;
}

a.module_news:hover {
background: url(../images/bg_module_listing_o.gif) no-repeat bottom right;
}

a.module_news img {
float: left;
padding: 0 10px 10px 0;
}

a.module_news strong {
line-height: 20px;
}

/* Corps detail propriete =================================================================*/

#detail{
float: left;
width: 290px;
}

.module_detail {
margin: 0 0 10px 10px;
padding: 5px;
background: #F2F2F2;
border: 1px solid #D4D4D4;
}

.module_detail h3 span, .module_detail p span {
float:right;
}

.detail_premier img {
float: right;
border: 1px solid #333;
margin-left: 5px;
}

.agent {
background: url(/images/logo2.gif) no-repeat 210px 5px #F2F2F2;
height: 64px;
}

.agent img {
float: left;
border: 1px solid #333;
margin-right: 7px;
}

.agent h1 {
color: #333;
font-size: 14px;
padding-bottom: 10px;
width: 195px;
}

#album {
float: right;
margin: 10px 10px 10px 0;
width: 446px;
}

#album .large{
border: 1px solid #8B8B8B;
position: relative;
}

#album .vendu {
position: absolute;
z-index: 100;
margin: 1px 0 0 1px;
}

#album_thumbs {
list-style: none;
width: 450px;
}

#album_thumbs li {
float: left;
list-style: none;
}

#album_thumbs li a:link, #album_thumbs li a:visited {
	display: block;
	width: 111px;
	background: url(../images/bg_thumbs.gif) no-repeat bottom right;
}

#album_thumbs img {
	margin: 6px;
}

#album_thumbs li a:hover {
	background: url(../images/bg_thumbs_o.gif) no-repeat bottom right;
}

#calculatrice {
	background: url(/images/bg_calc.jpg) no-repeat left top #F1F9FF;
	height: 0;
}

#calculatrice #resultat {
	font-weight: bold;
	font-size: 14px; 
}

#calculatrice .wrap {
	padding: 20px 10px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	color: black;
	text-align: right !important;
}

#envoyer_ami {
	height: 0;
}

#premap {
	width: 446px;
	height: 0;
}

#map {
	border: 1px solid #8B8B8B;
	width: 444px;
	height: 400px;
}

#iframeMap {
	width: 446px;
	height: 400px; 
}

* html #envoyer_ami, * html #calculatrice {
	width: 446px;
}

.menu_album {
list-style: none;
}

.menu_album li {
list-style: none;
margin-right: 3px;
float: right;
}

.menu_album li a {
display: block;
height: 20px;
}

.menu_album a.calc {
background: url(../images/calc.jpg) no-repeat left top;
width: 146px;
}

.menu_album a.calc:hover, .menu_album .calc a.sel {
background: url(../images/calc_o.jpg) no-repeat left top;
}

.menu_album li.ami {
margin-right: 0;
}

.menu_album li a.ami {
background: url(../images/ami.jpg) no-repeat left top;
width: 114px;
}

.menu_album a.ami:hover, .menu_album .ami a.sel {
background: url(../images/ami_o.jpg) no-repeat left top;
}

.menu_album li a.contact {
background: url(../images/contact.jpg) no-repeat left top;
width: 66px;
}

.menu_album a.contact:hover {
background: url(../images/contact_o.jpg) no-repeat left top;
}

.menu_album li a.imprimer {
background: url(../images/imprimer.jpg) no-repeat left top;
width: 71px;
}

.menu_album a.imprimer:hover {
background: url(../images/imprimer_o.jpg) no-repeat left top;
}

p.tel {
background: url(/images/tel.gif) no-repeat left top;
line-height: 18px;
padding-left: 20px;
display: block;
width: 160px;
}

.photo p.tel {
margin-left: 70px;
}

p.fax {
background: url(/images/fax.gif) no-repeat left top;
line-height: 18px;
padding-left: 22px;
display: block;
}

/* Corps autres pages =================================================================*/

#texte{
padding: 10px 220px 20px 20px;
}

.wrap {
padding: 10px;
}

#liens, #plan {
float: left;
width: 500px;
margin-bottom: 20px;
}

#plan dt {
font-weight: bold;
margin: 15px 0 5px 0;
}

#plan dt.first {
margin-top: 0;
}

#plan dd {
margin:  0 0 5px 5px;
}

.liens {
display: block;
margin-bottom: 10px;
width: 500px;
padding: 5px;
}

.liens:hover {
color: black;
background: #EAEAEA;
}

.liens img {
margin: 5px 5px 0 0;
}

/* Formus =================================================================*/

label  {
padding: 0 10px 0 20px;
}

.formpied, .formcorps  {
text-align: right;
padding-bottom: 10px;
}

#texte .formpied, #texte .formcorps {
width: 520px;
}

.formcorps fieldset {
padding: 10px 30px 10px 0;
margin: 0 0 10px 0;
border: 1px solid black;
}

.formcorps fieldset legend {
font-weight: bold;
padding: 0 10px;
color: black;
margin-bottom: 10px;
}



/* Pied =================================================================*/
#pied  {
color: #666;
font-size: 10px;
height: 18px;
padding: 5px;
border-top: 5px solid #666;
background: #ddd;
}