html { height:100%; font-size:62.5%; }
body { height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; text-align: center; background-color:#999999; margin:0; padding:0; }
a { text-decoration:none;   }
a:hover { color:#FFCC66; text-decoration:none;   }
#conteneur {  width:860px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF;  }
p, div ,form, span { padding:0; margin:0; }
h1 { font-size: 1.1em; margin:0; padding: 0 0 0 15px; }
#entete { color:#FFFFFF; width:860px; height:169px; margin:0; padding:0; background-image:url(http://culture.sxmsaintmartin.com/images/fond-entete.png); display:block; position:relative; }
#entete a { color:#FFFFFF; text-decoration:none; }
#entete a:hover { color:#FFCC66; text-decoration:none;   }
#imgban { position: absolute; top: 34px; right: 30px; z-index: 1; border: 0px; }
.menu1 { position:absolute; left:5px; top:0px; line-height:25px; vertical-align:middle; }
.menu2 { position:absolute; right:5px; top:0px; line-height:25px; vertical-align:middle; }
.menu3 { position:absolute; left:5px; top:143px; line-height:25px; vertical-align:middle; width:360px; }
.menu4 { position:absolute; top:145px; right:35px;  width:300px; text-align:right; }
.loupe { position:absolute; width:auto; height:auto; border:0; }
.logo { position:absolute; top:27px; left:10px; border:0; }
ul#menuonglet { font-size:1.2em; width: 640px; height: 30px; text-align: center; position: absolute; left: 189px; top: 102px; margin: 0px; padding: 0px; }
ul#menuonglet li {width:80px; height:30px; float: left; list-style-type: none; line-height:30px; vertical-align:center; margin:0; padding:0; background-image: url(http://www.sxmsaintmartin.com/images/bouton.gif); }
ul#menuonglet li a { text-decoration: none; }
ul#menuonglet li#ongletselect {  background-image: url(http://www.sxmsaintmartin.com/images/bouton_accueil_ap.gif) ; }

#centre { color: #FF6600; font-size:1.1em; margin: 25px 0 0 11px; width:700px; padding: 0; height: auto; width: 700px; float:left; }
label { margin:0px; padding:0px; }
input { margin:0px; padding:0px; }
#centre2 {
	margin: 0px 0px 0px 136px;
	padding: 15px;
	height: auto;
	width: auto;
	background-image: url(images/background_image2.png);
	background-repeat: no-repeat;
}
#centre-inscription {
	margin: 0px 0px 0px 136px;
	padding: 15px;
	height: 800px;
	width: 700px;
	background-image: url(images/background_inscription.png);
	background-repeat: no-repeat;
	color: #3300FF;
}
#gauche { width: 136px; text-align: center; margin: 12px 0 0 4px; padding: 0px; background-image: url(images/essais_menugauche1.png); position:relative; background-repeat: no-repeat; float:left; }
#droite { position: absolute; right:0; width: 136px; background-image: url(images/background-droit-immobilier.png); text-align: center; margin: 0px; padding: 3px; background-repeat: repeat-y; height: 100%; }

.bloc1 {
	text-align: justify;
	text-indent: 5pt;
	height: auto;
	width: auto;
	line-height: 18px;
	margin-right: 130px;
}
.bloc1-fr {
	color: #0033CC;
	text-align: justify;
	text-indent: 5pt;
	height: 225px;
	width: auto;
	line-height: 18px;
	margin-right: 350px;
	display: block;
}
.bloc1-fr-centre {
	color: #0033CC;
	text-align: center;
	text-indent: 5pt;
	height: 225px;
	width: 700px;
	line-height: 18px;
	margin-right: 350px;
	display: block;
}

.bloc2-fr {
	color: #0033CC;
	text-align: justify;
	text-indent: 5pt;
	height: 225px;
	width: auto;
	line-height: 18px;
	margin-left: 350px;
	display: block;
}
.bloctexte-fr {
	color: #0033CC;
	text-align: justify;
	text-indent: 5pt;
	height: auto;
	width: auto;
	line-height: 18px;
	margin-right: 10px;
}
.bloc3 { color: #0033CC; text-align: justify; text-indent: 5pt; height: auto; width: 100%; line-height: 18px; }
.bloc-annonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/background_annonce.png);
	text-align: justify;
	margin: 0px 0px 0px 50px;
	padding:7px 11px 10px;
	height: 170px;
	width:480px;
	background-repeat: no-repeat;
	}
.entete-annonce {
	display:block;
	width: auto;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #3333CC;
	margin: 0px;
}
.celannonce1 {
	width:235px;
	height:20px;
	text-align: left;
	list-style-type: none;
	float: left;
}
.celannonce2 {
	width:235px;
	height:20px;
	text-align: right;
	list-style-type: none;
	font-size: 10px;
}
.celannonce3 {
	width:470px;
	height:105px;
	text-align: Justify;
	list-style-type: none;
	margin-top: 8px;
	margin-bottom: 8px;
}
.celannonce4 {
	width:70px;
	height:20px;
	text-align: left;
	background-color: #FBFCFF;
	list-style-type: none;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1F3FF;
	margin0: 0px;
}
.celannonce5 {
	width:180px;
	height:20px;
	text-align: left;
	list-style-type: none;
	background-color: #FBFCFF;
	list-style-type: none;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1F3FF;
}
.celannonce6 {
	width:230px;
	height:20px;
	text-align: right;
	list-style-type: none;
	background-color: #FBFCFF;
	list-style-type: none;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1F3FF;
	margin: 0px;
}

#bottom { color: #0066FF; text-align: center; height: auto; width: 100%; line-height: 18px; display: block; position: relative; bottom: 20px; }
#bottom a { font-weight: normal; font-size: 12px; }

.session-style {
	color: #0033CC;
}
a.session-style {
	color: #0033CC;
	font-weight: bold;
}
a.session-style:visited {
	color: #0033CC;
	font-weight: bold;
}
a.session-style:hover {
	color: #0033FF;
	font-weight: bold;
}
h3 {
	font-size: 1.4em;
	line-height: 20px;
	font-weight: bold;
	color: #CC3300;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
	margin-top: 30px;
	margin-bottom: 15px;
}
.cellule-compte {
	color: #0033CC;
	display: block;
	float: left;
	height: 20px;
	width: 200px;
}
.cellule-compte2 {
	color: #0033CC;
	display: block;
	float: left;
	height: 100px;
	width: 200px;
	background-color: #F4F4FF;
}
.session-style-option {
	color: #0033CC;
	background-color: #F7F0FF;
	border: 1px solid #3300CC;
	padding: 10px;
}
.anglais {
	background: #FFF2EA;
	color: #FF0000;
	border: 1px solid #FF3300;
}
.session-style-info {
	color: #FF3300;
}
.cel_titre_infobien {
	width: 660px;
	margin: 0px auto;
	padding: 0px;
}
.cel_titre_infobien li {
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	color: #CC3300;
	font-weight: bold;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
}
.cel1_titre_infobien { display: block; width: 70px; }
.cel2_titre_infobien { display: block; width: 200px; }
.cel3_titre_infobien { display: block; width: 140px; }
.cel4_titre_infobien { display: block; width: 102px; }
.cel5_titre_infobien { display: block; width: 140px; }
.cel_infobien {
	width: 660px;
	margin: 0px auto;
	padding: 0px;
}
.cel_infobien li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	color: #3300FF;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	height:85px;
	display: block;
}
.cel1_infobien { line-height: 85px; display: block; width: 70px;  }
.cel2_infobien { line-height: 85px; display: block; width: 200px; }
.cel3_infobien { line-height: 85px; display: block; width: 140px; }
.cel4_infobien { line-height: 85px; display: block; width: 102px; }
.cel5_infobien { line-height: 3px; display: block; width: 140px; }


.photo {
	border: 1px solid #FF6600;
	top: 5px;
	position: relative;
}

table {
	height: 72px;
	width: 660px;
	margin: 0px;
	padding: 0px;
}
.cellule1 { background-color: #E4E4E4; color: #3333CC; height: 12px; width: 110px; border: 1px solid #3300CC; }
.cellule2 { background-color: #FFFFFF; color: #3333CC; height: 12px; width: 110px; border: 1px solid #3300CC; }
.cellule3 { background-color: #FFF2EA; color: #FF3300; height: 12px; width: 110px; border: 1px solid #FF3300; }
h1.information-client { font-size: 16px; color: #0033CC;  }
.lien-page { font-size:1.8em; color:#FF6600; }
.bottom { width:660px; text-align:center; color:#FF9900; margin:0 0 0 130px; padding:0; }
.bottom a { color:#FF9900; text-decoration:none; }
.bottom a:hover { color:#FF3300; }
#imgfr { position: absolute; top: 0px; left: 450px; z-index: 1; border: 0px; }
#imgen { position: absolute; top: 0px; left: 485px; z-index: 1; border: 0px; }

.tableau {
	width:691px;
	height:auto;
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D55500;
}

.tcelid { width:25px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px;  padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcelnom { width:112px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcelmail { width:265px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tceltel { width:90px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcelnbr { width:30px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcelduree { width:55px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcelinscrit { width:85px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #FF9933; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9933; }
.tcellien { width:15px; height:20px; display:block; border:0px solid #FFCC66; margin:0px; padding: 2px 0px 3px; text-align: center; line-height:18px; }

.celid { width:25px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celnom { width:112px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celmail { width:265px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celtel { width:90px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celnbr { width:30px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celduree { width:55px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; }
.celinscrit { width:85px; height:18px; display:block; float:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; margin:0px; padding: 4px 0px 2px; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #FF9933; }