img {
	border: none;
}

body {
	background-color: Black;
	color: #aaa;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	letter-spacing: 4px;
	font-size: 11px;
	text-align: center;
}



b {

	color: #fff;

}



.page {

	width:950px;

	display: inline-block;

	text-align: left;

	margin-left: auto;

	margin-right: auto;

}



#detail_annonce.page, #detail_photo.page {

	width: auto;

}



span.signature {

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 150%;

	float: right;

}



.photo img {

	border: 1px solid #777;

}



.page-zone {

	width:100%;

	min-width : 800px;

}



#detail_annonce.page .page-zone, #detail_photo.page .page-zone {

	min-width : 400px;

}



.page-zone:after {

	 display: block; 

    content: "."; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



a:link,a:visited {

	color: #ddd;

	text-decoration: none;

}



a:hover {

	color: #fff;

	text-decoration: none;

}



p.style:first-letter {

	font-size: 150%;

	font-style: italic;

	color: #fff;

	margin: 5px 0px 5px 10px;

}

p.style {

	padding-top : 10px;

	padding-bottom: 10px;

	background-image: url(style/ornement.png);

	background-repeat: no-repeat;

	background-position: top left;

}



#header {

	background-image: url(style/sea.jpg);

	height: 126px;

	background-repeat: repeat-x;

	background-position: bottom;

	border-bottom: 1px solid #aaa;

}



#detail_annonce.page #header , #detail_photo.page #header {

	height: 70px;

}



#header #left{

	background-image: url(style/phare.jpg);

	height: 126px;

	width: 51px;

	float: left;

	background-position: bottom;

	background-repeat: no-repeat;

}



#header #right{

	background-image: url(style/digue.jpg);

	height: 126px;

	width: 207px;

	float: right;

	background-position: bottom;

	background-repeat: no-repeat;

}



#detail_annonce.page #header #left, #detail_photo.page #header #left, #detail_annonce.page #header #right, #detail_photo.page #header #right {

	height: 70px;

}



#header #center{

	position: relative;

	float: left;

}



#header #logo {

	background-image: url(style/logo.gif);

	top: 10px;

	left: 10px;

	position: absolute;

	width: 154px;

	height: 151px;

	background-repeat: no-repeat;

}



#detail_annonce.page #header #logo, #detail_photo.page #header #logo {

	background-image: url(style/mini-logo.png);

	top: 10px;

	left: -35px;

	width: 100px;

	height: 100px;

}



#header #menu {

	position: absolute;

	top: 165px;

	left: 10px;

}



#header #menu ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}



#header #menu ul li {

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid #BFC7ED;

	width: 154px;

	font-size: 12px;

	letter-spacing: 3px;

}



#header #menu ul li span {

	color: #fff;

}



#header #menu ul li a:link, #header #menu ul li a:visited {

 	color: #11B3F3;

}



#header #menu ul li a:hover {

	color: #5ECDF8;

}



#content_page {

	margin-top: 2px;

}



.column {

	min-height: 334px;

}



#home .column {

	height: 334px;

}



#home #column_left {

	width: 43%;

}



#contact  #column_left, #location  #column_left, #vente  #column_left,#tourisme  #column_left, #resultat #column_left {

	width:79%;

}



#detail_annonce.page #column_left {

	width:62%;

}



#detail_photo.page #column_left {

	width: 100%;

}



#tourisme  #column_left p {

	margin-left: 250px;

	font-style: italic;

}



#column_left {

	float: left;

	background-image: url(style/triskell.png);

	background-position: bottom left;

	background-repeat: no-repeat;

}



#detail_annonce.page #column_left h1, #detail_photo.page #column_left h1 {

	margin-left: 130px;

}



#detail_annonce.page #column_left #annonce {

	margin: 30px 10px 10px 10px;

	height: auto; /* height: 350px; */

}



#detail_photo.page #column_left #annonce {

	margin-left: 140px;

}



#detail_photo.page #column_left .bloc-photo {

	margin: 5px 5px 0px 5px;

	min-width: 454px;
	text-align:center;

}



#detail_photo.page #column_left .bloc {

	margin: 0px 5px 5px 5px;

	min-width: 454px;

}



#detail_photo.page #column_left .bloc-photo .photo {

	text-align: center;

}



#detail_photo.page #column_left #annonce .text-zone {

	margin-top: 5px;

}



#detail_photo.page #column_left .bloc {

	clear: both;

	height: 20px;

}



#detail_photo.page #column_left .bloc a {

	float: left;

	width: 25px;

}



#detail_photo.page #column_left .bloc a#annonce-details {

	float: right;

}



#detail_photo.page #column_center {

	display:

}





#detail_annonce.page #column_left #annonce .text-zone {

	margin-top: 10px;

}



#detail_annonce.page #column_center .bloc-photo {

	text-align:center;
	width: 100%;

}



#detail_annonce.page #column_center .bloc-photo .photo {

	text-align: center;
	margin-right:auto;
	margin-left:auto;

}



#detail_annonce.page #column_center .bloc-photo .mini-photos .photo {

	float: left;

	width: 48%;

	margin: 5px 0px 5px 0px;

}



#detail_annonce.page #column_center .bloc-photo .panel {

	clear: both;

	text-align: center;

} 



#detail_annonce.page ul#actions, #detail_photo.page ul#actions {

	list-style: none;

	margin: 5px 0px 0px 0px;

	padding: 0px;

	text-align: center;

	letter-spacing: normal;

}



#detail_annonce.page ul#actions li , #detail_photo.page ul#actions li {

	float: right;

	margin-right: 20px;

}



#coup-de-coeur {
	font-size: 10px;
	margin-top: 140px;
	margin-left: 50px;
	width: 176px;
}

#coup-de-coeur h1 {
	text-align: center;
}

h1 {
	font-size: 11px;
	color: #fff;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 2px 0px;
}

h2 {
	font-size: 11px;
	color: #fff;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 2px 0px;
	font-weight: normal;
}

#coup-de-coeur #content {
	width: 165px;
	float: left;
	text-align: left;
	padding: 5px 5px 5px 5px;
	text-justify: newspaper;
	font-size: 11px;
	color: #fff;
	border: 1px solid #333;
	letter-spacing: normal;
}



#coup-de-coeur img{
	display: inline;
	margin: 1px 1px 1px 1px;
	border: 1px solid #666;
}



input, textarea, select {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



input.text, select,textarea {

	border: 1px solid #333;

	background-color: #CFCECE;

	background-image: url(style/back-input-grey.png);

	background-position: bottom;

	background-repeat: repeat-x;

	font-size: 11px;

	width: 99%;

}



textarea {

	font-size: 11px;

}



select {

}






.form-zone {

	margin: 7px 0px 7px 0px;

	width: 99%;

	clear: both; 

}



.label-form, .required-label-form, .value-form {

	margin-bottom: 3px;

	margin-top: 3px;

}

.label-form, .value-form {

	color: #aaa;

}



.required-label-form {

	font-weight: bold;

}



.label-form, .required-label-form {

	margin-right: 1%;

	text-align : right;

}



.form-action {

	text-align: right;

	padding: 5px;

}



#content_page {

	background-repeat: no-repeat;

	background-position: top right;

}



#vente #content_page, #location #content_page, #resultat #content_page {

	background-image: url(style/bateau.jpg);

}



#contact #content_page {

	background-image: url(style/mouette.jpg);

	background-position: bottom right;

}



#tourisme #content_page {

	background-image: url(style/sable-mer.jpg);

}



 #contact #name .value-form, #contact #phone .value-form, #zone .value-form,  #price .value-form,  #room .value-form, #area .value-form {

	width: 20%;

	float: left;

}



#contact #message .required-label-form, #contact #address .label-form {

	text-align : left;

}



#price .value-form input.text, #area .value-form input.text {

	width : 50%;

}



#sort .label-form, #size .label-form, #contact #name .required-label-form,  

#contact #phone .label-form, #contact #phone .required-label-form, 

#zone .label-form, #price .label-form, #room .label-form, #area .label-form {

	width: 27%;

	float: left;

}



#sort .value-form, #size .value-form {

	width: 70%;

	float: left;

}



#type .value-form select {

	width:50%;

}



#type .label-form, #contact #email .required-label-form {

	width: 27%;

	float: left;

}



#type .value-form, #contact #email .value-form {

	width:48%;

	float: left;

}





div#home #content_page {

   background-image: url(style/maison-lande.jpg);

}



#column_center {

	float: right;

}



#home #column_center {

	width: 56%;

}



#vente #column_center, #contact #column_center, #location #column_center, #tourisme #column_center, #resultat #column_center {

	width: 20%;

}



#detail_annonce.page #column_center {

	width:35%;

}



#detail_photo.page #column_center {

	width:100%;

}

#content_contact {

	margin-left: 250px;

	height: 300px;

	text-align: center;

	vertical-align: middle;

	color: #fff;

	margin-top: 40px;

}



#legal-info {

   margin-left: 250px;

	margin-bottom: 10px;

	text-align: center;

}



#baseline {

	color: #fff;

	text-align: right;

	font-size: 12px;

	margin: 10px 5% 0px 15%;

	line-height: 150%;

}



.note {

	font-size: 9px;

}



#bottom_page {

	text-align: center;

}



#footer{

	margin-top: 2px;

	border-top: 1px solid #aaa;

	font-size: 11px;

	border-bottom: 1px solid #aaa;

	padding: 5px;

}



/*------------ result list -----------*/







.bloc {

	background-image: url(style/back-vignette.png);

	background-position: bottom;

	background-repeat: repeat-x;

	background-color: #777;

	color: #fff;

	border: 1px solid #555;

	padding: 5px;	

}



.bloc-photo {

	background-image: url(style/back-photo.png);

	background-position: bottom;

	background-repeat: repeat-x;

	background-color: #DADADA;

	color: #000;

	border: 1px solid #555;

	padding: 5px;	
	
	text-align: center;

}






.price {

	border: 1px solid #777;

	background-color: #292929;

	letter-spacing: 2px;

	color: #fff;

		padding: 2px;

	margin: 2px;

}






/* MOTEUR DE RECHERCHE */


.form {
	margin-left: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
	border: 1px solid #555;
	padding: 5px;
	letter-spacing: normal;
}

.button-form {
	width: 95px;
	border: 2px outset #0E37DE;
	padding: 3px 10px 3px 10px;
	background-image: url(style/back-button.png);
	background-repeat: repeat-x;
	background-position: center;
	font-weight: bold;
	font-size:10px;
	letter-spacing: normal;
	color: #fff;
	background-color: #0E37DE;
}

.button-form:hover {
	background-image: url(style/back-button-hover.png);

}



/* PAGE DE RESULTAT */


#result-list {
	margin-left: 250px;
	letter-spacing: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}

#result-list .bloc-tridate {
	float: right;
	/*width: 28%;*/
	height: 40px;
	text-align: right;
	color: #fff;
}

#result-list .bloc-tridate select {
 	width: 50%;
}

#result-list .bloc-titre {
	/*width: 72%;*/
  	height: 40px;
  	color: #fff;
}

#result-list #BLOC-HAUT1 {
 	vertical-align: middle;
	height: 20px; /* ajouté */
}

#result-list #BLOC-HAUT1 .bloc-link {
  	float: right;
  	text-align: right;
}

#result-list #BLOC-HAUT1 .bloc-navigation {
  	padding-top: 5px;
  	margin-left: 40px;
  	height: 25px;
}

#result-list #BLOC-HAUT1 .bloc-navigation img {
	vertical-align:middle;
}

#result-list #BLOC-HAUT1 .bloc-navigation span {
	background-color: #fff;
	color: #000;
	padding: 1px 0px 1px 0px;/* padding: 2px; */
}

#result-list #BLOC-HAUT2 {
	height: 45px; /* height: 70px; */
}

#result-list #BLOC-HAUT2 .blocs {
  	text-align: center; 
  	clear: both;
}

#result-list #BLOC-HAUT2 .blocs div {
  	float: left;
  	width: 25%; /* width: 24%; */
}

#result-list #BLOC-HAUT2 .blocs div select {
	width: 99%; /* width: 90%; */
	font-size: 11px;
}

.bloc-filtreville { 
	margin-bottom: 10px; /* ajouté */
}

.bloc-filtreville select {
	width: auto;  /* width:30%; */
	margin-left : 1%; /* margin-left : 10%; */
}

#result-list #BLOC-CENTRAL {
	margin-top: 20px;
  	height: 20px;
  	vertical-align: middle;
}

#result-list #BLOC-CENTRAL .bloc-haut {
  	float: left;
  	/*width: 25px;*/
  	padding-left: 6px;
	/*padding-top: 10px;*/
}

#result-list #BLOC-CENTRAL .bloc-link {
  	float: right;
  	text-align: right;
}
#result-list #BLOC-CENTRAL .bloc-tridate {
  	float: left;
  	/*width: 35%;*/
	/*height: 40px;*/
	text-align: left;
	color: #fff;
	padding-left: 6px;
}

#result-list #BLOC-BAS {
	margin-top: 20px;
  	height: 20px; /* height: 30px; */
  	vertical-align: middle;
}

#result-list #BLOC-BAS .bloc-haut {
  	float: left;
  	width: 25px;
  	padding-left: 6px;
	/*padding-top: 10px;*/
}

#result-list #BLOC-BAS .bloc-navigation {
	float: left;
	padding-left: 6px;
	padding-top: 5px; /* padding-top: 13px; */
	text-align: center;
}

#result-list #BLOC-BAS .bloc-navigation span {
	background-color: #fff;
	color: #000;
	padding: 1px 0px 1px 0px;/* padding: 2px; */
}

#result-list #BLOC-BAS .bloc-navigation img {
	vertical-align: middle;
}

#result-list #BLOC-BAS .bloc-link {
	float: right;
	padding-left: 6px;
	/*padding-top: 5px;*/
	text-align: right;
}

#result-list .element {
  	clear: both;
  	width: 100%;
  	color: #fff;
  	padding-top: 20px;
  	border-bottom: 2px solid #777;
}

#result-list .element .title {
	clear: both;
	border-top: 1px dotted #000;
}

#result-list .element .title .label {
	float: left;
	font-weight: bold;
	font-size: 11px;
}

#result-list .element .title .date {
	float: right;
	color: #fff;
	font-size: 11px;
}

#result-list .element .sumary {
  	clear: both;
  	border-top: 1px solid #777;
  	padding-top: 0px;
}

#result-list .element .sumary .bloc-photo {
	float: right;
	position: relative;
	width:162px; /* ajouté */
	height: 150px;
	margin-left: 5px;
	text-align: center; /* ajouté */
}

#result-list .element .sumary .bloc-photo .photo {
	width: 160px;
	height: 150px; /* ajouté */
}

#result-list .element .sumary .bloc-photo .photo img {
	border: 1px solid #777;
	position: absolute; /* ajouté */
	right: 0px; /* ajouté */
	height: 120px; /* ajouté */
}

#result-list .element .sumary .bloc-photo .panel {
	position:absolute;
	right:5px; /* ajouté */
	bottom:5px;  /* bottom : 4px; */
}

#result-list .element .price {
	float: left;
}

#result-list .element .text {
	text-align: justify;
}

#result-list .element .sumary .zone-text {
	height: 160px;
}









/* FORMULAIRE DE CONTACT */

.button-form2 {
	width: 75px;
	border: 2px outset #0E37DE;
	padding: 3px 10px 3px 10px;
	background-image: url(style/back-button.png);
	background-repeat: repeat-x;
	background-position: center;
	font-weight: bold;
	font-size:10px;
	letter-spacing: normal;
	color: #fff;
	background-color: #0E37DE;
}

.button-form2:hover {
	background-image: url(style/back-button-hover.png);

}



/* --------------  Sitimmo rules ----- */

.value-form .alentours { 
	color: #aaa;
	font-size: 9px;
}
.copyright { 
	text-decoration: none;
	font-size: 9px;
	font-family: arial;
	color: #983030;
}

.erreur_mini { 
	text-decoration: none; 
	font-size: 11px; 
	font-weight:  bold; 
	font-family: arial; 
	color: red; 
	text-align: center;
}

.sitimsg_message { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; padding: 5px }
.sitimsg_message a:link, .sitimsg_message a:visited { text-decoration:underline; color: #FFFFFF }
.sitimsg_message a:hover { text-decoration:none; color: #FFFFFF }

.sitimsg_lien { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; padding: 5px }
.sitimsg_lien a:link, .sitimsg_lien a:visited { text-decoration:underline; color: #FFFFFF }
.sitimsg_lien a:hover { text-decoration:none; color: #FFFFFF }

#maparea {
	width:600px;
	height:200px;
}