/* CSS Document */

dl, dd, ul, dt, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.position_accueil { position:absolute; top:-20px; left:-20px; }
#bouton-accueil { width:80px; height: 17px; margin:0px; padding:0px; border: 0px; position: absolute; left: 20px; top: 178px; display: block; z-index:100; }
#bouton-accueil a, #bouton-accueil a:visited, #bouton-accueil a:hover { line-height: 17px; vertical-align:middle; color: #FFFFFF; text-decoration:none; }
#menubarre { width: 850px; margin: 0; padding: 0; border: 0; position: absolute; left: 146px; top: 180px; z-index:100; line-height: 25px; vertical-align: middle; height: 25px; background-image: url(images/background_sous_menubarre2.png); background-repeat: no-repeat; }
#menubarre a { font-size:1.2em; text-decoration:none; }
#menubarre dl { float: left; position: relative; margin: 0; padding: 0; width: 170px; }
#menubarre dt { cursor: pointer; text-align: center; }
#menubarre dd { display: none; position: absolute; border: 1px solid #FF6600; width: 159px; margin-top: 0px; border: 1px solid #FF9933; margin-left:5px; }
#menubarre li { text-align: center; border: 0; margin:0; height:18px; line-height:18px; vertical-align:middle; }
#menubarre li a { text-decoration: none; display: block; height: 100%; border: 0 none; color: #FF9933; background: url(images/background_sous_menubarre.png) no-repeat left top; opacity:0.9; filter:alpha(opacity=90); height:18px; line-height:18px; vertical-align:middle; }
#menubarre dt a { text-decoration: none; display: block; height: 23px; width: 170px; padding: 0; margin:0; font-weight: bolder; color: #FF6600; vertical-align: middle; line-height: 23px; }
#menubarre dt a:hover { height: 23px; width: 170px; margin: 0; padding:0; background-position: 0% -18px; color: #FF9900; }
#menubarre li a:hover { background-position: -171px 0%; color: #FF6600; font-weight:bold; height:18px; line-height:18px; }

.cadre-annonce { width: auto; height:210px;  margin:12px 10px 0 8px;  padding:0; display: block; position:relative; }
.titre-annonce { width: auto; height: 17px; margin: 0 0 10px 12px; padding: 0; font-weight: bold; text-align: left; color: #0066FF; line-height: 17px; display: block;}
.derniere-annonce { text-align:justify; width:auto; color: #0033CC; line-height: 13px; margin: 0; padding: 0; }
#bouton-voir-annonce { position: absolute; top:146px; left: -2px; width: 60px; height: 20px; border:0px; }
#bouton-poster-annonce { position: absolute; top:146px; left: 60px; width: 60px; height: 20px; border:0px; }

.titre-compte { width: auto; height: 17px; margin: 0 0 11px 8px; text-align: left;  padding: 0; font-weight: bold; color: #FF6600; line-height:17px; display: block; }
.form-compte { width:auto; height:179px; text-align:right; color: #FF6600; padding: 0; margin: 0 8px; display:block; position:relative;}
.compte { color: #FF6600; margin: 0px; padding: 0px; height:22px; line-height:22px; vertical-align:bottom; display:block; }
.login {width:51px; height:18px; margin:0px; padding:0px; }
.password {width:51px; height:18px; margin:0px; padding:0px; }
#bouton-inscrire { position: absolute; top:135px; left: 20px; width: 80px; height: 17px; border:0px; }
a.compte-lien { color: #FF6600; text-decoration: none; line-height: 15px; margin:0px; padding:0px; font-weight: bold; }
a.compte-lien:hover { color: #FF9933; text-decoration: underline; font-weight: bold; }

.cadre-contact { color: #FF9900; width: auto; height:107px; margin:8px; padding:0px; display:block; text-align:right; }
.cadre-contact a, a:hover { color: #FF9900; text-decoration:none; }
.titre-contact { width:auto; height: 17px; margin:0 0 11px 8px; padding: 0; font-weight: bold; text-align: left; color: #FF9900; line-height: 17px; display: block; }

.cadre-informations { color: #3366FF; width: auto; height:220px; margin:8px; padding:0px; display:block; }
.cadre-informations a, a:hover { color: #3366FF; text-decoration:none; }
.titre-informations { width:auto; height:17px; line-height: 17px; font-size: 12px; font-weight: bold; text-align: left; margin: 0 0 15px 10px; padding: 0; display:block; }
.informations { width:auto; line-height: 17px; margin: 0; padding: 0; text-align: right; display:block; }

.form-connexion {  margin: 40px 0 0 160px;}

.bloc-recherche { width: 700px; height: 150px; background-image: url(images/background_image.png); background-repeat: no-repeat; background-position: center 0px; display: block; }
.recherche { width: 700px; margin: 0px; padding:0px; display: block; font-family: "Trebuchet MS"; font-size: 14px; color: #FF6600; }
.recherche-cel { width: 220px; vertica-align: center; text-align: right; margin: 0px; padding: 53px 10px 10px 0px; display: block; float: left; }
.recherche-cel2 { width: 440px; vertica-align: center; text-align: center; margin: 0px; padding: 15px 10px 25px 0px; display: block; float: left; }
.recherche-cel3 { width: 220px; vertica-align: center; text-align: right; margin: 0px; padding: 15px 10px 25px 0px; display: block; float: left; }
.search { height: 20px; width:110px; }
.search-input { height: 15px; width:60px; }
.affaire_du_mois { height:180px; width:640px; }
.titre1 { margin-top: 25px; margin-left:15px; padding: 0px; margin-right: 0px; margin-bottom: 25px; color: #FF6633; }
.bloc-resume-bien { width: auto; height: 190px; margin:0; padding: 0; background-image: url(images/background_resume_bien.png); background-repeat: no-repeat; position:relative; }
.resume-bien { padding: 0; margin: 0; height: 30px; width: auto; display:block; position:relative; }
.resume-bien2 { padding: 0; margin: 0; height: 130px; width: auto; display:block; position:relative; }
.bien-cel11 { width:230px; height:30px; margin:0px; line-height: 30px; padding:0px; display:block; text-align: center; float: left; font-size: 1.2em; font-weight: bold; color: #F09100; }
.bien-cel12 { width:435px; height:30px; margin:0px 30px 0px 0px; line-height: 30px; vertical-align: bottom; padding:0px; display:block; text-align: right; }
.bien-cel21 { width:395px; height:110px; margin:0px 0px 0px 8px; display:block; float: left; padding: 10px 0px 0px; }
.bien-cel22 { width:270px; height:110px; margin:0px 0px 0px 8px; text-align: right;  padding:0; display:block; float: left; }
.bien-cel31 { width:180px; height:30px;  margin:0px 0px 0px 12px; display:block; float: left; padding: 0px ; float: left; }
.bien-cel32 { width:335px; height:30px; margin:0px; display:block; padding: 0px ; float: left; }
.photo-mini { width:150px; height:100px; border:1px solid #FF9900; position:absolute; top:10px; right:20px; }
.bouton-detail { position:absolute; bottom:14px; right:49px; }
.style { line-height: 18px; padding: 15px; margin:0; }

.formulaire { color: #0033FF; line-height: 18px; width:600px; height:auto; margin:0 0 0 5px; padding:30px 0px 0px 40px;}
.label { display:block; float: left; text-align: right; height: 18px; width: 100px; margin-top: 5px; margin-right: 5px; }
.texte-formulaire { width: 620px; padding: 0px 0px 0px 35px; color: #0033FF; line-height: 18px;  }
.input { height: 18px; margin-top: 5px; }
.submit { width:140px; height:25px; margin-top: 20px; margin-left:250px; padding: 0px; margin-bottom: 30px; color: #FF6633; text-align:center; }
.diapo { left: -5px; top: 15px; position: relative; z-index:-100; }
.txt-nbr-biens {font-size: 1.4em; margin:0px; padding: 0px 0px 15px 30px ;}
.texte-perdu {
	font-size: 1.4em;
	color: #FF9900;
}
.texte-perdu a a:hover {
	font-size: 1.4em;
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}
texte-perdu-select { font-size:1.4em; color: #FF6600; font-weight: bold; text-decoration: none; }
#bloc-detail-bien {
	width: auto;
	height: 700px;
	margin:0px;
	padding: 0px 0px 0px 5px;
	background-image: url(images/background_page_detail.png);
	background-repeat: no-repeat;
	position: relative;
}

.detail-bien2 { padding: 0px; margin: 0px; height: 110px; width: 700px; }
.detail-cel11 { width:215px; height:30px; text-align:left; position:absolute; top:27px; left:22px; font-size: 1.2em; font-weight: bold; color: #FF9900;  }
.detail-cel12 { width:300px; height:30px; text-align: left; position:absolute; top:55px; left:25px; }
.detail-cel13 { width:300px; height:30px; text-align: right; position:absolute; top:25px; right:15px; }
.detail-cel21 { width:425px; height:30px; text-align:left; position:absolute; top:55px; left:25px; }
.detail-cel22 { width:350px; height:30px; text-align: right; position:absolute; top:55px; right:15px; }
.detail-cel31 { width:215px; height:30px; text-align:left; position:absolute; top:8px; left:22px; font-size: 1.2em; font-weight: bold; color: #FF9900;  }
ul#galerie_mini {
	margin: 75px 0 0 0;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
	line-height: 75px;
	position: relative;
	top: 10px;
	float:left;
	display: block;
	height: 90px;
	width: auto;
}
ul#galerie_mini li { float: left ; }
ul#galerie_mini li a img { margin: 2px 1px 2px 8px; border: 1px solid #FFCC00 ; }


dl#photo { margin: 0; padding:0px; float:left; position:relative; top: 14px; left:20px; display: block; height: 275px; width: 660px; }
dl#photo dt { font: bold 1.4em; margin:0px; padding:0px; text-align:center; height:25px; display:block; }
dl#photo dd { margin: 0 ; }
dl#photo img { border: 1px solid #FFCC00 ; }
dl#photo p { margin:0px; padding:0px; line-height:20px; }
div#texte { width: 316px; height: 226px; background: #FFFFFF; border: 1px solid #FFCC00; text-align: justify; color: #0000CC; float: left; padding: 7px; }
#big_pict { width:320px; height:240px; float:right; }
div#tableau_bien { width:660px; position:relative; top: 10px; left: 20px; margin:0px; padding:0px; }
#tableau_detail { border:1px; }
div#tableau_bien td {  width: 110px; border: 1px solid #3300CC; height: 20px; vertica-align: middle; padding: 0px 0px 0px 5px; margin:0px; }
.cela { background: #FFFFFF; }
.celb { background:#FFFFFF; }
.sous-titres { font: bold 1.2em; padding: 7px 0px 0px 10px; margin:0px; height: 27px; width: auto;}
.tarif-saison { width: 670px; height: 171px; text-align: justify; color: #0000CC; margin:5px 0 0 0; position: relative; background-image: url(images/background_tarification.png); background-repeat: no-repeat; }
.tarif-texte { width:auto; height:auto; line-height:22px; position:absolute; top:50px; left:10px; }
.bloc-boutons { width:680px ; text-align: center; }
#logo-immo { position: absolute; top: 35px; left: 540px; z-index: 150; }
.detail-cell2-contact { font-size:1.1em; color: #FF6600; width:425px; height:30px; text-align: right; position:absolute; top:5px; right:15px; }


#menu {width:680px; margin: 0; padding:0; border: 0;position:absolute; left:140px; top:145px; line-height: 20px;color: #FFFFFF;vertical-align: middle;font-size: 1.1em; z-index:100; }
#menu dl {float: left; width:120px; position: relative; margin: 0 2px; padding:0 4px; border-right:solid 1px #0066FF;
}
#menu dt {cursor: pointer;text-align: center;
}
#menu dd {display: none;position: absolute; width:100%; top: 26px; left:-15px;
}
#menu li {text-align: center; width:150px; border-bottom:solid 1px #FFFFFF;

}
#menu li a {text-decoration: none;display: block;height: 100%; width:150px; border: 0 none;color: #0066CC;background-image: url(http://www.sxmsaintmartin.com/restaurants-st-martin/images/fondtr.png);
}
#menu dt a {text-decoration: none;display: block;height: 100%;	border: 0 none;color: #FFFFFF;
}
#menu dt a:hover { color: #FDDA05;
}
#menu li a:hover {width:150px; color: #F1BB6A;
}

ul.liste { margin:10px 0 0 7px; }
ul.liste li { list-style-type: disc; list-style-position:inside; margin: 3px 0 0 7px; }