/* CSS Document */

/*--------------------- GENERAL START---------------------*/
body{
	padding:31px 0 0 0; margin:0; background-color:#FFF;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#6e3a01;
	}
img, p, a, ul, li, dl, dt, dd, h1, h2, input, textarea, label{
	padding:0; margin:0;
	}
form{
	padding:0; margin:0; 
	}		
a{ text-decoration:none; outline:none; cursor:pointer;}
img{ border:none; width:auto; height:auto;}	
ul{ list-style-type:none;}
h1, h2{
	font-size:0; line-height:0;
	}
textarea{
	overflow:auto;
	}		

/*--------------------- GENERAL END---------------------*/

.topnavbg{
	background:url(../images/topnavbg.gif) repeat-x 0 0;
	}
ul.topnav{
	padding:0; margin:0;
	list-style-type:none;
	}
ul.topnav li{
	background:url(../images/topnav-devidor.gif) no-repeat 0 0;
	padding:0 23px;
	margin:0;
	float:left;
	width:auto;
	}
ul.topnav li.div{
	background:url(../images/topnav-devidor.gif) no-repeat 0 0;
	width:1px; height:37px; display:block;
	}	
ul.topnav li a{
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	color:#A5A4A4; text-decoration:none; background-color:inherit;
	}
ul.topnav li a:hover{
	text-decoration:none; color:#fff; background-color:inherit;
	}
.leftpannelbg{
	background:url(../images/leftbg.gif) repeat-x 0 0 #AF4700;
	color:#04385b;
	}
	/* j'ai enleve l image 
.logo{
	margin:40px 0 0 51px;
	}
*/
.leftpannelbg p, .leftpannelbg p a {
	color:#FFFFFF;
}
.leftpannelbg p#logo_nom a {
	font-family:"Copperplate Gothic Bold";
	font-size:30px;
	font-weight: bold;
}
.leftpannelbg p#logo_slogan {
	font-family:"Monotype Corsiva";
	font-size:16px;
	text-align:right;
	padding-right:10px;
	margin: 10px;
}
.searchpad{
	padding:10px 0 0 0;
	}
p.search{
	background:url(../images/search-glass.gif) no-repeat 0 0;
	padding:0 0 0 20px; 
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#C9F4FF; background-color:inherit;
	}
.searchbox{
	width:177px; height:18px; 
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff68f; padding:0 0 0 3px;
	background-color:#393939;
	border:0;
	}
/*--------------Right Pannel Start---------*/	
.postpad{
	padding:0 0 0 20px;
	border-bottom:0px solid #fffbcc;
	}
h2.postyourad{
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#FFCC1B; width:250px; height:31px; display:block; background-color:inherit;
	}
h2.postyourad span{
	color:#f78e00; text-transform:uppercase; background-color:inherit;
	}
h2.postyourad a {
	text-decoration:underline;
	color:#FFCC1B;
}
.yourname{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#EC8B48; width:75px; display:block; float:left; background-color:inherit;
	}
.extraspace{
	width:196px; height:22px;
	font-size:11px; line-height:22px;
	}
.yourbox{
	width:196px; height:18px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff; padding:0 0 0 3px; float:left;
	background-color:#BE5600; border:none;
	}
.extraspace1{
	width:193px; height:41px;
	font-size:11px; line-height:15px;
	}		
textarea.messagebox{
	width:193px; height:41px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff68f; padding:0 3px 0 3px; float:left;
	background-color:#BE5600; border:none;
	}
.submit{
	margin:0 0 0 72px;
	}
h2.freshnews{
	font:normal 24px/24px Arial, Helvetica, sans-serif;
	color:#FFCC1B; height:41px; display:block; background-color:inherit;
	}
p.freshtext{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#EC8B48; background-color:inherit;
	}
p.freshtext b{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; display:block; margin:0 0 9px 0; text-decoration:underline; background-color:inherit;
	}
p.freshtext span{
	width:242px; height:25px;
	background:url(../images/fresh-icon.gif) no-repeat 9px 6px #BE5600;
	padding:0 0 0 29px;
	font:bold 16px/25px Arial, Helvetica, sans-serif;
	color:#2F1900; display:block; margin:0 0 13px 0;
	}
p.freshtext img {
	float:left;
	width:80px;
	margin: 3px;
	border: 1px solid #FFFFFF;
}

a.freshmore{
	width:65px; height:18px;
	display:block;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#fff; text-align:center; text-decoration:none;
	background-color:#000;
	}
a:hover.freshmore{
	text-decoration:none; color:#FFFF00; background-color:#000;
	}
/*--------------Right Pannel End---------*/

/*--------------Lefdt Pannel Start---------*/
.mainbodybg{
	background:url(../images/bodybg.gif) no-repeat 0 0 #fff;
	padding:20px 0 0 20px; color:#656565;
	min-height:200px;
	height:auto;
	}

h2.about, h2.about a {
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#455F00; height:30px; display:block; background-color:inherit;
	}
h2.about a { display: inline; text-decoration: underline; }

p.aboutText{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#656565; background-color:inherit;
	}
p.aboutText span{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#629407; display:block; margin:0 0 5px 0; background-color:inherit;
	}

p.aboutText a{
	color:#000000;
/*
	width:38px; height:18px;
	display:block;
	background:url(../images/aboutmore-icon.gif) no-repeat 7px 2px #000;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#FCF9D9; padding:0 0 0 26px; margin:15px 0 30px 0;*/
	}
p.aboutText a:hover{
	text-decoration:none; color:#F4E00B; background-color:#000;
	}	
				
h2.feturedservice{
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#455F00; display:block; margin:0 0 5px 0; background-color:inherit;
	}
p.feturedserviceTeaxt{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#6e3a01; display:block; background-color:inherit;
	}
.feturedIcon{
	margin:0 0 10px 0;
	}
.verticaldot{
	background:url(../images/verticaldotted.gif) repeat-y 50% 0;
	}
p.imgText{
	width:161px; display:block;
	margin:0 0 0 9px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#656565; background-color:inherit;
	}
p.imgText span{
	font-weight:bold; font-size:14px; line-height:14px; 
	color:#004E5E; display:block; margin:5px 0 5px 0; background-color:inherit;
	}
p.imgText b{
	font-weight:bold; font-size:11px; line-height:12px; 
	color:#C05800; display:block; margin:0 0 3px 0; background-color:inherit;
	}
p.imgText a {
	color:#656565;
	text-decoration:underline;
}
p.venteRubrique{
	width:549px;
	height:26px;
	display:block;
	background-color:#AF4700;
	color:#fcf9d9;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-left:2px;
	}
p.venteRubriqueEntree {
	clear:right;
	position:relative;
}
p.venteRubriqueEntree strong {
	text-transform:uppercase;
	width: 50%;
	float:left;
}
p.venteRubriqueEntree input[type=radio] { margin: 2px; }
p.venteRubriqueEntree input[type=text] {
	width:40%;
	margin:2px;
}
p.venteRubriqueEntree textarea { margin: 2px; }
div#gestion_erreurs { color: #FF0000; }
div#gestion_succes { color:  #006400; border-color:  #006400; }

div.boite_messages {
	border:1px dotted;
	padding: 10px;
	font-size:14px;
}

div.boite_messages span {
	font-weight:bold;
	padding-bottom: 10px;
}
div.boite_messages p {
	margin: 5px;
}

div#image_upload_image div.vente_image {
	position:relative;
	float:left;
	padding: 5px;
	border:2px solid #AF4700;
	margin:10px;
}

div#image_upload_image div.vente_image a.croix {
	position:absolute;
	right:0;
	top:0;
	width: 20px;
	height:20px;
	background: transparent url(../images/croix.png) right no-repeat;
}
div#image_upload_image div.vente_image img {

}

p.imgviewmore{
	width:549px; height:26px;
	display:block; background-color:#AF4700;
	color:#fcf9d9;
	}								
p.imgviewmore a{
	background:url(../images/vewmore-Icon.gif) no-repeat 0 6px;
	padding:0 0 0 19px;
	width:110px; height:26px;
	display:block;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	color:#fcf9d9; margin:0 0 0 400px; text-decoration:none; background-color:inherit;
	}
p.imgviewmore a:hover{
	text-decoration:none; color:#FFFF00; background-color:inherit;
	}
h2.weoffer{
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#455F00; display:block; margin:0 0 17px 0; background-color:inherit;
	}
p.weofferSubtext{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#004E5E; margin:0 0 12px 0; background-color:inherit;
	}
p.weofferText{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#656565; padding:0 0 13px 0; background-color:inherit;
	}
ul.weofferlist{
	padding:0; margin:0;
	list-style-type:none;
	}
ul.weofferlist li{
	background:url(../images/horizontal-dotted.gif) repeat-x 0 0;
	padding:0; margin:0; 
	}
ul.weofferlist li.extraone{	
	height:1px; display:block;
	}	
ul.weofferlist li a{
	background:url(../images/blackarrow.gif) no-repeat 5px 7px;
	padding:0 0 0 15px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#AF4700; 	
	height:22px; display:block;
	text-decoration:none; background-color:inherit;}
ul.weofferlist li a:hover{
	text-decoration:none; color:#000; background-color:inherit;
	}					
/*--------------Lefdt Pannel End---------*/	
	
/*---------------Footerstart------------*/
.footerbg{
	background:url(../images/footerbg.gif) repeat-x 0 0 #b3ac5e;
	padding:9px 0 30px 20px; color:#3c4700;
	}
ul.footernav{
	padding:0;
	margin:0;
	display:block;
	list-style-type:none;
	}
ul.footernav li{
	float:left;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#fff; padding:0 8px; background-color:inherit; width:auto;
	}
ul.footernav li.footerhome{
	padding-left:0;
	}	
ul.footernav li a{
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#fff; text-decoration:none; background-color:inherit;
	}	
ul.footernav li a:hover{
	text-decoration:none; color:#FFFF00; background-color:inherit;
	}
p.copy, p.copy a{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#5E5E5E; padding:0; background-color:inherit;
	}
p.Temp{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#5E5E5E; display:block; padding:0; background-color:inherit;
	}
p.Temp a{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#fff; text-decoration:none; padding:0; margin:0; background:none; background-color:inherit;
	}
p.Temp a:hover{
	text-decoration:underline;
	}																								
span.aboutsub{
	color:#004E5E !important;
	background-color:inherit;
}
.space{
	padding-top:12px;
}
.spacer { visibility:hidden; clear:both; }

/* Ici on trouve les styles CSS utilisés pour le listage des villas */
div.villa {
	padding: 20px;
	border: 2px dotted #AF4700;
	margin-bottom: 20px;
}
div.villa h1 {
	font-size:18px;
	line-height:auto;
	margin-bottom:20px;

}
div.villa a {
	text-decoration: underline;
	color: #AF4700;
}
div.villa h1.left {
	float: left;
}
div.villa h1.right {
	float: right;
}
div.villa div.corps div.img {
	float: left;
	border: 1px solid #AF4700;
	padding: 5px;
	/*width: 30%;*/
}
div.villa div.corps div.description {
	float: right;
	text-align:left;
	width: 65%;
}
div.villa div.corps div.description  p.fil_ariane {
	font-size: 16px;
}
div.villa div.corps div.description  p.contenu {
	text-align: justify;
	margin-top:20px;
}
div.villa div.corps p.corps_fin {
	padding-left:30px;
	text-align: center;
}
/* Ici on trouve les styles CSS utilisés pour l'affiche d'une villa en particuliers */
div.villa div.annonce_corps {
}
div.villa div.annonce_corps  p.titre {
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	margin:10px;
	margin-top:20px;
}
div.villa div.annonce_corps  p.annonce_contenu {
	text-align:justify;
	margin:10px;
}
div.villa div.annonce_corps  div.annonce_img  img.mini_photo {
	margin: 5px;
	border: 1px solid #AF4700;
}
div.villa div.annonce_corps  div.annonce_img  img.photo {
	clear: both;
	width:500px;
	border: 1px solid #AF4700;
	margin:2px;
}
div.villa div.annonce_corps  div.annonce_details ul.details {	
	margin:auto; padding: auto;
	margin-left: 20px;
}
div.villa div.annonce_corps  div.annonce_details ul.details li {
	list-style-type: square;
	width: 40%;
	float: left;
	margin:auto; padding: auto;
}
div.villa div.annonce_corps  div.annonce_details ul.details li span {
	font-weight: bold;
}
div.villa div.vendeur {
}
div.villa div.vendeur  h1 {
	color:#AF4700;
	margin-bottom: 20px;
	margin-top: 20px;
	
}
div.villa div.vendeur p {
	margin: 5px;
	padding:auto;
}
div.villa div.vendeur p  span {
	font-weight: bold;
}
input.valider {
	margin-right:20px;
}