* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:url(../img/bg.png) top no-repeat #319bc3;
	line-height:1.5em;
	margin:18px 0 140px 0;
}

a:link      { color:#0066FF; text-decoration:underline;  }
a:hover { text-decoration: underline; color: #165382; }
a:visited {
	color: #165382;
	text-decoration: underline;
}

a:visited:hover { color: #165382; text-decoration: none  }

b, strong {
	font-weight:bold;
	color:#444444;
}

img {
	border:0
}

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted;
  color:#0066CC;
}

p {
	margin:15px 25px 10px 50px;
	text-align: justify;
}

table { 
	empty-cells: show;
	border-collapse: collapse
}

blockquote {
  background: transparent url(../img/quoleft.gif) left top no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#357BB2;
	font-style:italic;
	width:550px;
	margin:40px auto;
}
blockquote div {
  padding: 20px 48px;
  background: transparent url(../img/quoright.gif) right bottom no-repeat;
}

h2 {
color:#e70909;
	font-size:18px;
	font-weight:bold;
		margin:30px 50px 40px 70px;
	}

h1 {
	color:#e70909;
	font-size:16px;
	font-weight:bold;
	clear:both;
	border-bottom:1px dotted #e70909;
	padding:5px;
	margin:0 50px 40px 70px;
	padding:30px 0 0 0;
}

	
h3 {
	font-size:14px;
	font-weight:normal;
	color:#FF0000;
	margin:25px 50px 15px 50px;
}

	h3 em {
		font-style:normal;
		color:#cd2a2a;
	}

h4 {
	color:#0066CC;
	font-size:12px;
	margin: 40px 25px 25px 50px;
	padding:3px 6px;
	text-align: left;
	background-color:#F8F8F8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#FF777A;
}

h5 {
	color:#E70909;
	font-size:14px;
	text-align: center;
	margin: 20px;
	font-weight: normal;
}

h6 {
	font-size:15px;
	color:#357BB2;
	font-style:italic;
	margin:25px 50px 15px 50px;
}

hr { margin:20px 30px 0 50px}

/* ******************* STRUCTURE *********************** */
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:969px;
}

#top {
	background:url(../img/bg_top.png) no-repeat;
	width:969px;
	height:40px;
}

#top h1 {
	display:none
}


#middle {
	background:url(../img/bg_mid.png) repeat-y;
	width:969px;
	padding:0 14px 0 13px;
}

	#middle2 {
		background:url(../img/bg-left.jpg) no-repeat bottom left;
		width:969px;
		min-height:700px;
	}
	
		#header {
			float:left;
			background:url(../img/mpn.jpg) no-repeat;
			width:944px;
			height:251px;
		}
		
			#bt_decomptes {
				position:absolute;
				top:240px;
				left:383px
			}
			
			#bt_pros {
				position:absolute;
				top:240px;
				left:615px
			}
		
		#left {
			float:left;
			width:249px;
			min-height:544px;
		}
		
		#content {
			float:left;
			background:url(../img/bg-content.jpg) no-repeat top left;
			width:656px;
			min-height:587px;
			padding:50px 20px 20px 20px;
		}
		
		#footer {
			float:left;
			font-size:9px;
			background:url(../img/bg_footer.png) no-repeat;
			width:636px;
			height:26px;
			margin-left:249px;
			color: #fff;
			padding:10px 0 0 60px 
		}

		#footer a:link      { color: #ffffff; text-decoration: none; font-weight:normal  }
		#footer a:hover { text-decoration: underline; font-weight:normal}
		#footer a:visited { color: #ffffff; text-decoration: none; font-weight:normal    }
		#footer a:visited:hover { color: #ffffff; text-decoration: underline; font-weight:normal   }


#bottom {
	background:url(../img/bg_bottom.png) no-repeat;
	width:969px;
	height:57px;
	padding-left:30px
}

#pp {
	width:969px;
	text-align:center;
	font-size:9px;
	color: #fff;
}

/* ******************* FORMULAIRES *********************** */
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:4px 0 2px 5px;
	background-image:url(../img/bg_input.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}

input[type=file].formError {
	color:#ff0000
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

pageNavSubmit  {
	background-image:none;
	padding:1px;
	border:none;
	background-color:#2489B3;
	border:1px outset #CCCCCC;
	margin:0 0;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

input[type=checkbox], input[type=radio], input[type=image] {
	background-image:none;
	border:none;
	margin:0;
	padding:0
}

input#submit, input#submitOk  {
	clear:both;
	background-image:none;
	padding:3px;
	border:none;
	background-color:#2489B3;
	border:1px outset #CCCCCC;
	margin:20px 0;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

input[type=submit] {
	clear:both;
	background-image:none;
	padding:3px;
	border:none;
	background-color:#2489B3;
	border:1px outset #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

input#submitOk {
	margin:0;
	padding:2px;
}

button {
	font-size:11px;
	background-image:none;
	padding:1px;
	border:none;
	background-color:#2489B3;
	border:1px outset #CCCCCC;
	margin:0 10px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

form {
	display:inline;
	margin:0;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.login div {
	text-align:center;

}
.login label, .login input[type=text], .login input[type=password] {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.login label {
	text-align: right;
	width: 75px;
	padding: 5px 10px 0 0;
}

.login br {
	clear: left;
}

.error {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../img/more.gif) no-repeat left;
	padding:5px 5px 5px 10px;
	float:right;
}


.cl {
	clear:both;
}	

.clr {
	clear:both;
	margin-top:-38px;
}



.modForm div {
	text-align:center;
}
.modForm label, .modForm input[type=text], .modForm input[type=password], .modForm input[type=file], .modForm select, .modForm textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.modForm label {
	text-align: right;
	float: left;
	width: 110px;
	padding: 5px 10px 0 0;
}

.modForm label.radioLabel {
	width:auto;
	text-align:left;
	float:left;
	padding:0 25px 0 8px;
	margin-top:4px;
}

.modForm input[type=radio] {
	float:left;
	margin-top:4px;
}

.modForm br {
	clear: left;
}

.modForm input[type=file] {
	margin-left:10px;
}


.formLeft {
	float: left;
	margin: 20px 0 0 30px;
}

.formRight {
	float: left;
	margin: 20px 0 0 0;
}

.formLeft label {
	width: 80px;
}

.formRight label {
	width: 110px;
}


th {
	text-align:left;
}

.tableau {
	width:600px;
	margin:0 0 20px 50px
}

.tableau th {
	padding:10px 15px 10px 15px;
	background-color:#D9F1FD;
	font-size:13px;
	color:#0066CC;	
	border:dotted 1px #006699;
	vertical-align:top;
}


.tableau td {
	padding:10px 15px 10px 15px;
	background-color:#E9F7FC;
	color:#0066CC;	
	border:dotted 1px #006699;
}

.tableau caption {
	color:#E70909;
	font-size:14px;
	text-align: center;
	margin:20px 20px 10px 20px;
	font-weight: normal;
}

.imageZ   { 
	cursor: pointer;
	cursor:-moz-zoom-in;
	cursor: url(img/z.ani);
	border:1px dotted #c3c62f;
	margin: 0px;
}

.imageZ:hover {
	border:1px solid  #000
}

.thumbs {
	padding:10px;
	margin-top: 15px;
}


.formLeft {
	float: left;
}

.formRight {
	float: left;
	width:350px;
}

.cols {
float:left;
width:290px;
padding:0 0 30px 20px;
}

/* google map */

#map {
	width: 550px;
	height: 400px;
	clear:both;
	border:dotted 1px #006699;
	color:#000000;
	margin-left:70px;
}

#map img {
display:inline;
float:left;
margin:15px 20px 0 0;
}

#map input[type=submit] {
	background-image:none;
	padding:3px;
	border:none;
	background-color:#2283b5;
	border:1px outset #2283b5;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer	
}

strong {
color:#007bb2;
}

.img_accueil1 {
	vertical-align:top;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
}

	#content li {
	list-style-position:inside;
	list-style-image:url(../img/li.gif);
	margin:.5em 50px 10px 100px;
	padding-bottom:5px;
	text-align: justify;
	vertical-align: middle;
	}
	
	#content a.atop {
		font-size:10px;
	}
		
.encadre {
	background-color:#EFFEFE;
	margin: 30px auto 20px auto;
	padding:5px 20px 15px 20px;
	border: 1px dotted #0099FF;
	width:470px;
}

.encadre p {
	margin:15px 25px;
	text-align: justify;
}



.pdf {
	display:block;
	width:149px;
	height:20px;
	background-image:url(../img/pdf.png);
	padding:10px 40px 10px 10px;
	font-weight: bold;
	float:left;
	text-align:center;
	margin-right:5px
}


.cl {
	clear:both
}

.img_solidum {
	padding:10px 30px 30px 50px;
	margin-top:0 0 15px 25px;
}

		.img_solidum img {
			border:1px dotted #444444;
			margin: 10px;
		}
		
		
		.img_solidum img:hover {
			border:1px solid  #000
		}

.img_appartements {
	padding:10px 30px 0px 50px;
	margin-top:0 0 15px 25px;
}

		.img_appartements img {
			border:1px dotted #444444;
			margin: 10px 20px 10px 20px;
		}
		
		
		.img_appartements img:hover {
			border:1px solid  #000
		}
		
		
.bonasavoir {
	width:580px;
	padding:10px 10px 0px 20px;
	margin:10px 20px 0 70px;
}